基于jQuery图片上传预览支持拖拽代码

基于jQuery图片上传预览支持拖拽代码

上传单个图片,同时支持将图片拖拽在框中,插件依赖jQuery,打开index.html即可使用,初始化id,提供回调函数,与后台交互,初始化。

使用方法
在页面引入相关JS代码

1
2
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/upload.js"></script>
1
2
3
4
5
6
7
var dragImgUpload = new DragImgUpload("#drop_area",{
   callback:function (files) {
       //回调函数,可以传递给后台等等
       var file = files[0];
       console.log(file.name);
      }
 })
当前内容只有登录了才能查看,如果您已经注册,请登录
1

发表评论