js图片上传(原创)

所属分类:输入-上传

 12740  38  查看评论 (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, /* 自定义上传图标 */
相关插件-上传

jQuery h5拖拽多文件上传

可用input控件选择文件,也可以拖拽文件,可以一次上传多个文件,测试需要后台配合,支持失败重传,支持过滤文件类型,文件大小,及同一文件重复上传。
  上传
 88918  528

多图片上传预览(纯前端)

多图片上传预览,已测试ie 360 火狐 谷歌浏览器
  上传
 255623  585

jQuery多图上传插件imgUp.js

可以多图的上传,预览,并带删除功能
  上传
 126742  963

基于amazeui头像上传

基于amazeui框架,设计的头像上传插件
  上传
 70692  489

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

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