js图片上传(原创)

所属分类:输入-上传

 13357  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, /* 自定义上传图标 */
相关插件-上传

手机端实现多图片上传预览

HTML+CSS+原生JS实现手机端实现多图片上传,选中图片后,可以点击放大(有一定的注释,在PC,ipad,IOS和安卓上都测试过)
  上传
 35776  314

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

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

jQuery多图上传

jQuery多图图片上传.net后端以写好,直接使用
  上传
 81555  465

zyupload图片上传修改版V2.0

在原zyupload基础上增加了放大,删除,目录选择功能 。同时修改了原作者中的删除图片后该图片不能再次上传的BUG
  上传
 56344  374

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

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