js图片上传(原创)

所属分类:输入-上传

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

webuploader 上传插件(根据官方做了小改)

webuploader上传插件,上图之前图片可编辑、可随意排版上传图片顺序
  上传
 69001  474

jQuery图片上传展示插件imgFileupload.js

jQuery图片上传展示,支持多图上传,限制图片上传个数
  上传
 113051  506

zyupload图片上传修改版

在原zyupload基础上增加了放大,删除,目录选择功能 。上传的图片可以轮播查看, 上传图片有拖拽图片和文件功能
  上传
 59864  382

pc端图片批量上传,可拖动图片交换位置

jQuery可批量上传图片 可以拖动交换位置 可删除
  上传
 63784  459

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

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