首页 > 代码库 > jq 图片上传

jq 图片上传

1.html

<input type="file" class="ImgInput" name="ImgInput"/>

2.js

//引用jquery上传插件
<script src="/third-party/jquery.ajaxfileupload.js"></script>

//使用
$(".ImgInput").ajaxfileupload({
     params: {}, action:"/upload",
     onStart: function() { },  onComplete: function(response) { if(response.status===false){ //todo } if(response.code=="success"){ if(success){ //todo } }else if(error){ //todo } },
    valid_extensions : [‘gif‘,‘png‘,‘jpg‘,‘jpeg‘],
}); 

 

3.这种方式一般用在用户的头像处理 取大图和小图 并保存在node 的相应位置

配合方式

先上传图片:http://www.cnblogs.com/zycbloger/p/6230029.html

前端截图:http://www.cnblogs.com/zycbloger/p/6230095.html

最后node截图:http://www.cnblogs.com/zycbloger/p/6230155.html

jq 图片上传