js图片上传(原创)

所属分类:输入-上传

 12999  39  查看评论 (1)
分享到微信朋友圈
X
js图片上传(原创) ie兼容10

更新时间:2021-09-02 01:36:00

更新说明修复了初始图片无法删除的问题


发布时间:2021-08-30 05:46:29

着装DOM

<div id = "upload"> </div>

js示例

new Upload("#upload2", {
    device: "mobile",
    maxcount: 5,
    url: "***/tools/upload?type=product&id=1",
    data: ["***/UploadFile/product/56af45d2-96fe-417e-bcaa-090b21ed823c.jpg"],
})

默认参数 

data: [], /* 图片数组 */ 
device: null, /* 设备 ,存在值为移动端 */ 
file_text: true, /* 是否展示图片链接,只在device不存在时 */ 
maxcount: 5, /* 最大上传个数 */ 
maxSize: 5, /* 图片的最大上传大小 */ 
ajaxtype: "POST", 
allow: 'jpg|jpef|png|image|gif|bmp', 
accept: null, /* image/*, video/*, audio/* 限制file选择 */ 
multiple: null, /* 多选上传 */ 
capture: false, /* 是否直接打开摄像头  */ 
extra: null, /* 其他参数,上传图片时 */ 
header: null, /* ajax Header参数 */ 
icon: null, /* 自定义上传图标 */
相关插件-上传

支持IE8的多文件、多图异步上传并能预览的插件

该插件是基于百度webuploader的一个插件,支持IE8,可以上传任何文件,上传图片可以预览,异步上传,使用非常方便
  上传
 65212  361

jQuery图片上传预览支持拖拽

上传单个图片,同时支持将图片拖拽在框中
  上传
 65280  419

jQuery图片上传,带剪切功能

jQuery图片上传,适用移动端,带剪切功能,支持手势调节图片大小
  上传
 40623  337

图片预览上传插件bootstrap-fileinput.js

bootstrapfileinput预览上传图片并使用FmData上传,上传url根据实际情况填写
  上传
 86398  494

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    木烟囱 0
    2021/10/28 17:39:14
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复