jq 图片上传

Posted 2020-08-25 ＜/script＞

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