开源软件名称:i5ting/uploadify
开源软件地址:https://github.com/i5ting/uploadify
开源编程语言:
JavaScript
83.3%
开源软件介绍:uploadify = express && koa 2 uploadify with jquery fileupload
Artwork by i5ting.
Install
express version(on master branch)
$ [sudo] npm install --save uploadify
koa 2 version(on koa branch)
$ [sudo] npm install --save koa-uploadify
Code
server
var mount_uploadify = require('uploadify')
mount_uploadify(app,{
path:'/fileupload',
fileKey:'myfile',
multer:{ dest: 'uploads/' },
callback:function(req){
console.log(111);
return req.files
}
});
- 情景一:上传,不需要回调
- 情景二:上传后处理,上面的配置里,必须有callback,根据req里的内容,完成对应的请求即可
新增
- debug=true可以调试
- qn(如果配置了qn,就只能上传一张图,并把上传结果合并到req.files里)
mount_uploadify(app,{
debug: false,
qn: simditor_qn_config.qn,
path: '/fileupload',
fileKey: 'myfile',
multer: simditor_qn_config.multer,
callback: function(req){
console.log(req);
}
});
注意写法
$("#fileuploader").uploadFile({
url:"/fileupload/",
fileName:"myfile",
multiple:true,
dragDrop:true,
showDownload:true,
showDelete: true,
onSuccess: function (files, response, xhr, pd) {
alert(JSON.stringify(response[0].url.split('/').pop()));
},
statusBarWidth:300,
dragdropWidth:300,
deleteCallback: function (data, pd) {
for (var i = 0; i < data.length; i++) {
alert(data);
$.post("delete.php", {op: "delete",name: data[i]},
function (resp,textStatus, jqXHR) {
//Show Message
alert("File Deleted");
});
}
pd.statusbar.hide(); //You choice.
},
downloadCallback:function(filename,pd)
{
location.href="download.php?filename="+filename;
}
});
比如http://img.mengxiaoban.cn/FuHkI0z4A5uHk5DtkmdoMhqEiUEt
response[0].url.split('/').pop() == FuHkI0z4A5uHk5DtkmdoMhqEiUEt
和自己绑定的域名拼接到一起就可以了
如果想定制预览之类的效果,可以在onSuccess 里处理
resource
copy css && js to some folder
use in jade
extends layout
block content
h1= title
p Welcome to #{title}
#fileuploader Upload
script.
$(document).ready(function() {
$("#fileuploader").uploadFile({
url:"/fileupload/",
fileName:"myfile",
multiple:true,
dragDrop:true,
showDownload:true,
showDelete: true,
onSuccess: function (files, response, xhr, pd) {
alert(JSON.stringify(files));
},
statusBarWidth:600,
dragdropWidth:600,
deleteCallback: function (data, pd) {
for (var i = 0; i < data.length; i++) {
alert(data);
$.post("delete.php", {op: "delete",name: data[i]},
function (resp,textStatus, jqXHR) {
//Show Message
alert("File Deleted");
});
}
pd.statusbar.hide(); //You choice.
},
downloadCallback:function(filename,pd)
{
location.href="download.php?filename="+filename;
}
});
});
more info see http://hayageek.com/docs/jquery-upload-file.php
Contributing
- Fork it
- Create your feature branch (
git checkout -b my-new-feature )
- Commit your changes (
git commit -am 'Add some feature' )
- Push to the branch (
git push origin my-new-feature )
- Create new Pull Request
版本历史
欢迎fork和反馈
如有建议或意见,请在issue提问或邮件
License
this repo is released under the MIT
License.
|
请发表评论