基于jquery和bootstrap设计的一个PC端图片上传

upload-md

基于jquery和bootstrap设计的一个PC端图片上传插件,参照微信上传图片的样子设计

主要功能如下:

1、支持大图预览

2、支持上传、删除

3、支持编辑重现

4、支持最大允许选择图片

使用方法足够简单

//实例化上传插件

var uploadImg=uploadMd.defineImgUpload({

container:'#imgUpload', //插件所需容器 url:'upload_file.json', //文件上传地址 max:10, //允许选择的最大上传图片数 parameter:{test:'1223',pcs:'sss'}, //图片上传额外参数 previewImg:['./demo.jpg'], //传入预览的图片,适用编辑时展示曾经上传的图片 fileInputName:'file1' //图片文件表单项名称

});

//获取已上传的图片列表

uploadImg.getUrlList();

//判断是否有文件未上传

uploadImg.hasUpload();

//编辑重放(传入指定的图片列表,将显示在插件展示区域)

uploadImg.reset(['image path']);

效果如下:

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。