一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JS文件/图片从电脑里面拖拽到浏览器上传文件/图片

时间:2017-06-08 编辑:简简单单 来源:一聚教程网

1.效果展示

2.html 代码:

 

 代码如下 复制代码

  

  Title

  

  

  

    

  

  

 

3.引入js

js地址 :http://files.cnblogs.com/files/jiebba/upload.js

4.引用插件

 

 代码如下 复制代码

varformData =newFormData(),list={}

   functiontest() {

     vard =newDragUpLoads()

     d.getDragImage({id:'drop',dropCallback:function(data) {

       if(list[data.name])return;

       list[data.name] =true

       formData.append("files", data.blob);

       formData.append("asdfas",'asdfasdf');

       document.getElementById('drop').appendChild(data.img)

       /*

       * 返回img对象,url ,blob对象

       * */

     }})

   }

   functionup() {

     console.log(formData)

    /*

    * formData 这个对象即我们要传的值

    * 通过 异步post/get 给后台即可

    * */

   }

 

热门栏目