h5如何实现多图片预览上传及点击可拖拽控件

  介绍

小编给大家分享一下h5如何实现多图片预览上传及点击可拖拽控件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

在做图片上传时发现一个蛮好用的控件,支持多张图片同时上传,可以点击选择图片,也可以将图片拖拽到上传框直接上传,方便,好用,接口也简单,基本可以直接放到项目里使用。

先看看他的样式:

选择图片后:

$(函数(){//初始化插件   $ (“# demo") .zyUpload ({   宽度:“650 px",//宽度   高度:“400 px",//宽度   itemWidth:“120 px"//文件项的宽度   itemHeight:“100 px"//文件项的高度   url:“/上传/UploadAction",//上传文件的路径   多个:真的,//是否可以多个文件上传   dragDrop:真的,//是否可以拖动上传文件   德尔:真的,//是否可以删除文件   finishDel:假的,//是否在上传文件完成后删除预览/*外部获得的回调接口*/>以上是h5如何实现多图片预览上传及点击可拖拽控件的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

h5如何实现多图片预览上传及点击可拖拽控件