本地添加图片成功, add resource 待完善

This commit is contained in:
life
2015-01-28 00:38:34 +08:00
parent 75d2710e05
commit 256ebb6363
11 changed files with 172 additions and 66 deletions

9
node_modules/api.js generated vendored
View File

@@ -86,13 +86,17 @@ var Api = {
fs.writeFile('/Users/life/Desktop/aa.png', resp.body);
});
},
// 测试
uploadImage: function() {
var data = {
foo: 'bar',
image: { file: '/Users/life/Desktop/aa.png', content_type: 'image/png' }
cc: [1,2,3,3],
dd: {name: 'life', age: 18},
image: { file: '/Users/life/Desktop/imageplus.png', content_type: 'image/png' }
}
needle.post('http://localhost/phpinfo.php', data, { multipart: true }, function(err, resp, body) {
// needle will read the file and include it in the form-data as binary
console.log(resp.body);
});
},
getSyncNotebooks: function(afterUsn, maxEntry, callback) {
@@ -338,7 +342,8 @@ var Api = {
});
},
// 添加
// 添加笔记
// 要把文件也发送过去
addNote: function(note, callback) {
var me = this;
// note.NotebookId是本的, 要得到远程的

53
node_modules/common.js generated vendored
View File

@@ -1,6 +1,5 @@
var fs = require('fs');
var User = require('user');
var File = require('file');
var Evt = require('evt');
var ObjectId = require('objectid');
@@ -35,56 +34,6 @@ var Common = {
}
return false;
},
// FileReaderWeb 是 web上的FileReader, 可能与nodejs这个有冲突
pasteImage: function(event, FileReaderWeb, callback) {
var me = this;
var items = (event.clipboardData || event.originalEvent.clipboardData).items; // 可能有多个file, 找到属于图片的file
// find pasted image among pasted items
var blob;
for (var i = 0; i < items.length; i++) {
if (items[i].type.indexOf("image") === 0) {
blob = items[i].getAsFile();
}
}
// console.log("paste images");
// console.log(blob);
// load image if there is a pasted image
if (blob) {
// console.log("??");
var reader = new FileReaderWeb();
// console.log(">>")
// console.log(reader);
// console.log(">>")
reader.onloadend = function() {
console.log(reader);
// 这个事件在读取结束后,无论成功或者失败都会触发
if (reader.error) {
console.log(reader.error);
} else {
}
}
reader.onload = function(e) {
// 上传之
// log('result');
// log(reader.result);
var ret = reader.result
ret = ret.replace(/^data:image\/\w+;base64,/, "")
// log(User.getCurUserImagesPath());
var filename = me.uuid() + '.png';
fs.writeFile(User.getCurUserImagesPath() + '/' + filename, new Buffer(ret, 'base64'), function(err) {
if(err) {
log(err);
return;
}
// 保存
var relativePath = User.getCurUserImagesAppPath() + '/' + filename;
File.addImage(relativePath);
callback && callback('app://leanote/' + relativePath);
});
};
reader.readAsDataURL(blob);
}
},
};
module.exports = Common;

5
node_modules/evt.js generated vendored
View File

@@ -3,6 +3,11 @@ var User = require('user');
function log(o) {console.log(o)}
var Evt = {
port: 8008,
localUrl: 'http://127.0.0.1:8008',
getImageLocalUrl: function(fileId) {
return this.localUrl + '/api/file/getImage?fileId=' + fileId;
},
// 项目绝对地址
getBasePath: function() {
return process.cwd();

83
node_modules/file.js generated vendored
View File

@@ -21,7 +21,6 @@ type File struct {
Path string `Path` // the file path
IsDefaultAlbum bool `IsDefaultAlbum`
CreatedTime time.Time `CreatedTime`
FromFileId bson.ObjectId `bson:"FromFileId,omitempty"` // copy from fileId, for collaboration
}
@@ -29,6 +28,62 @@ type File struct {
// 文件服务
var File = {
// FileReaderWeb 是 web上的FileReader, 可能与nodejs这个有冲突
pasteImage: function(event, FileReaderWeb, callback) {
var me = this;
var items = (event.clipboardData || event.originalEvent.clipboardData).items; // 可能有多个file, 找到属于图片的file
// find pasted image among pasted items
var blob;
for (var i = 0; i < items.length; i++) {
if (items[i].type.indexOf("image") === 0) {
blob = items[i].getAsFile();
}
}
// console.log("paste images");
// console.log(blob);
// load image if there is a pasted image
if (blob) {
// console.log("??");
var reader = new FileReaderWeb();
// console.log(">>")
// console.log(reader);
// console.log(">>")
reader.onloadend = function() {
console.log(reader);
// 这个事件在读取结束后,无论成功或者失败都会触发
if (reader.error) {
console.log(reader.error);
} else {
}
}
reader.onload = function(e) {
// 上传之
// log('result');
// log(reader.result);
var ret = reader.result
ret = ret.replace(/^data:image\/\w+;base64,/, "")
// log(User.getCurUserImagesPath());
var filename = Common.uuid() + '.png';
fs.writeFile(User.getCurUserImagesPath() + '/' + filename, new Buffer(ret, 'base64'), function(err) {
if(err) {
log(err);
return;
}
// 保存
var relativePath = User.getCurUserImagesAppPath() + '/' + filename;
// 保存到数据库中
File.addImage(relativePath, function(newImg) {
callback && callback(Evt.getImageLocalUrl(newImg.FileId));
// callback && callback('app://leanote/' + relativePath);
});
});
};
reader.readAsDataURL(blob);
}
},
// path是相对于项目路径
addImage: function(path, callback) {
var me = this;
@@ -36,7 +91,7 @@ var File = {
me._addImage(Common.objectId(), absolutePath, callback);
},
_addImage: function(fileId, absolutePath, callback) {
_addImage: function(fileId, absolutePath, callback, isForce) {
// var absolutePath = Evt.getBasePath() + '/' + path;
// 得到文件大小
var stat = fs.statSync(absolutePath);
@@ -46,13 +101,18 @@ var File = {
var ext = names[names.length-1];
var image = {
FileId: fileId,
ServerFileId: '',
Path: absolutePath,
Name: name,
UserId: User.getCurActiveUserId(),
Title: name,
Type: ext,
Size: stat && stat.size,
IsDirty: true, // 本地是新添加的
CreatedTime: new Date()
};
if(isForce) {
image.ServerFileId = fileId;
}
Images.insert(image, function(err, doc) {
log(err);
@@ -64,16 +124,22 @@ var File = {
})
},
// 从服务器上把文件download下来后
// 这里的fileId是serverFileId, 本地的FileId也保存为该值
addImageForce: function(fileId, path, callback) {
var me = this;
// 先删除之, 可能是本地有记录, 但是文件没了
Images.remove({FileId: fileId}, function() {
me._addImage(fileId, path, callback);
me._addImage(fileId, path, callback, true);
});
},
// 获取图片本地路径
// 通过FileId可ServerFileId来查找
// 因为图片的链接 有可能是本地添加的, 又有可能是远程的
// 如果是远程的, FileId == ServerFileId, 是一样的, 所以不要Or
getImageLocalPath: function(fileId, callback) {
// Images.findOne({$or: {FileId: fileId}, {ServerFileId: fileId}}, function(err, doc) {
Images.findOne({FileId: fileId}, function(err, doc) {
if(!err && doc && doc.Path) { // FileLocalPath是相对于项目的路径
callback(true, doc.Path);
@@ -81,6 +147,17 @@ var File = {
callback(false, false);
}
});
},
// 得到fileIds所有的images, 为了发送到服务器上
getAllImages: function(fileIds, callback) {
var me = this;
Images.find({$or:[{FileId: {$in: fileIds}}, {ServerFileId: {$in: fileIds}}]}, function(err, images) {
if(err || !images) {
return callback(false);
}
callback(images);
});
}
};

55
node_modules/note.js generated vendored
View File

@@ -1,5 +1,7 @@
var async = require('async');
var db = require('db');
var File = require('file');
var Evt = require('evt');
var User = require('user');
var Notebook = require('notebook');
var Tag = require('tag');
@@ -513,16 +515,67 @@ var Note = {
// 获得用户修改的笔记
getDirtyNotes: function(callback) {
var me = this;
Notes.find({UserId: User.getCurActiveUserId(), IsDirty: true}, function(err, notes) {
if(err) {
log(err);
return callback && callback(false);
} else {
callback(notes);
// 每一个笔记得到图片, 附件信息和数据
async.eachSeries(notes, function(note, cb) {
me.getNoteFiles(note.NoteId, note.Content, function(files) {
note.Files = files || [];
cb();
})
}, function() {
callback(notes);
})
}
});
},
// 得到笔记的文件
getNoteFiles: function(noteId, content, callback) {
// 得到图片信息, 通过内容
// http://localhost:8002/api/file/getImage?fileId=xxxxxx, 得到fileId, 查询数据库, 得到图片
// console.log(content);
// console.log(Evt.localUrl + '/api/file/getImage?fileId=([0-9a-zA-Z]{24})');
var reg = new RegExp(Evt.localUrl + "/api/file/getImage\\?fileId=([0-9a-zA-Z]{24})", 'g');
var fileIds = [];
// var fileIdsMap = {}; // 防止多个
while((result = reg.exec(content)) != null) {
// result = [所有, 子表达式1, 子表达式2]
if(result && result.length > 1) {
// console.log(result);
var fileId = result[1];
fileIds.push(fileId);
}
}
var files = []; // {localFileId: "must", fileId: "", hasBody: true, filename: "xx.png"}
if(fileIds.length > 0) {
// 得到所有的图片
File.getAllImages(fileIds, function(images) {
callback(images);
/*
if(!images) {
return;
}
for(var i in images) {
var image = images[i];
files.push({
localFileId: image.FileId,
fileId: image.ServerFileId,
hasBody: image.IsDirty,
filename: image.Name,
});
}
*/
});
} else {
callback(false);
}
},
// 在send delete笔记时成功
setNotDirty: function(noteId) {
Notes.update({NoteId: noteId}, {$set:{IsDirty: false}})

1
node_modules/server.js generated vendored
View File

@@ -61,7 +61,6 @@ var Server = {
return false;
}
var realPath = basePath + pathname;
var ext = path.extname(realPath);
ext = ext ? ext.slice(1) : 'unknown';

View File

@@ -22,7 +22,12 @@
<link rel="stylesheet" href="public/js/contextmenu/css/contextmenu.css" type="text/css" />
<!-- mdeditor -->
<link href="public/dist/themes/default.css" rel="stylesheet" />
<style>
html, body {
border-radius: 10px;
border: 1px solid #000;
}
</style>
<!-- For Develop writting mod -->
<script>
function log(o) {

View File

@@ -9,7 +9,8 @@
"min_width": 400,
"min_height": 200,
"width": 1100,
"height": 600
"height": 600
// "transparent": true
}
}

View File

@@ -19,6 +19,7 @@ var NoteService = Service.noteService;
var NotebookService = Service.notebookService;
var TagService = Service.tagService;
var ServerService = require('server');
var FileService = require('file');
// 分发服务
// route = /note/notebook

View File

@@ -414,7 +414,7 @@ function setEditorContent(content, isMarkdown, preview) {
// 复制图片
function pasteImage(e) {
Common.pasteImage(e, FileReader, function(url) {
FileService.pasteImage(e, FileReader, function(url) {
insertImage(url);
});
}

19
test.js
View File

@@ -16,23 +16,34 @@ Api.addNotebook({
Title: "哈哈"
}, function() {});
*/
Api.test();
Api.uploadImage();
/*
User.userId = '54bdc65599c37b0da9000002';
console.log(User.getCurActiveUserId());
// console.log(User.getCurActiveUserId());
Note.getDirtyNotes(function(ret) {
console.log(ret);
});
*/
/*
Note.getNoteByServerNoteId("54c6313799c37bdeec000008", function(ret){
console.log(ret);
});
*/
// Api.auth('c@a.com', 'abc123');
// var content = '<img src="http://localhost:9000/api/file/getImage?fileId=54c2083f99c37bea5f000001"> <img src="http://localhost:9000/api/file/getImage?fileId=54c2083f99c37bea5f000001">' + "\n" + '<img src="http://localhost:9000/api/file/getImage?fileId=54c2083f99c37bea5f000001">';
// var reg = new RegExp('<img *src="' + Api.leanoteUrl + '/api/file/getImage', 'g');
// content = content.replace(reg, '<img src="' + Server.localUrl + '/api/file/getImage');
// console.log(content);
/*
var content = '<p>lifedddddd</p><p><img src="app://leanote/data/54bdc65599c37b0da9000002/images/1422368307147_2.png" alt="" data-mce-src="app://leanote/data/54bdc65599c37b0da9000002/images/1422368307147_2.png" style="display: block; margin-left: auto; margin-right: auto;"></p><p><img src="http://127.0.0.1:8008/api/file/getImage?fileId=54c7ae27d98d0329dd000000" alt="" data-mce-src="http://127.0.0.1:8008/api/file/getImg?fileId=54c7ae27d98d0329dd000000"></p><p><br></p><p><img src="http://127.0.0.1:8008/api/file/getImage?fileId=54c7ae855e94ea2dba000000" alt="" data-mce-src="http://127.0.0.1:8008/api/file/getImage?fileId=54c7ae855e94ea2dba000000" style="display: block; margin-left: auto; margin-right: auto;"></p><p><br></p><p><br></p>';
// http://127.0.0.1:8008/api/file/getImage?fileId=54c7ae27d98d0329dd000000
// var reg = new RegExp('http://127.0.0.1:8008/api/file/getImage?fileId=([0-9a-zA-Z]{24})', 'g');
var reg = new RegExp("http://127.0.0.1:8008/api/file/getImage\\?fileId=([0-9a-zA-Z]{24})", 'g');
var fileIds = [];
while((result = reg.exec(content)) != null) {
// result = [所有, 子表达式1, 子表达式2]
console.log(result);
}
console.log("??");
*/