Layui upload上传图片

这篇博客探讨了使用Layui框架进行图片上传时遇到的问题,特别是针对iOS设备上传时出现的错误。虽然尝试了错误处理方法,但在实际操作中并未生效,导致上传过程受阻。
摘要由CSDN通过智能技术生成
前端
// 加载layUi模块
layui.use([ 'element', 'layer','upload'], function () {
    //如果只加载一个模块,可以不填数组。如:layui.use('form')
  var element = layui.element;
  var upload = layui.upload;
  var layer = layui.layer;
// 上传图片 C:\wamp64\www\dist\h5\backStage\HAYimgs
  var arrImg=[];
  var uploadInst = upload.render({
   
    elem: '#Btn',
    url: `http://XXXXX/h5/backStage/lib/upImg.php?imgpath=/h5/backStage/saveTR_CpunchCard2Img`,
    accept: 'images',
    field: 'file',
    method: 'get',
    acceptMime: 'image/*',
     multiple:true,//多文件上传
     number:3,//最多上传3张
    before: function (obj) {
   
      //预读本地文件示例,不支持ie8
      obj.preview(function(index, file, result){
   
      //  console.log(result)
       var str=`<img src="${
     result}" alt="">`;
       $('#TR_CpunchCard2ThumImg').append(str);
       $('#li02Btn').hide();
     });
    },
    done: function (res) {
   
      //console.log(res),只要其中一个路径,使用
      delete res.code;
      delete res.msg;
      delete res.data;
      delete res.thumbsrc;
     arrImg.push(res.imgsrc);
     saveStorage('TR_CpunchCard2Img',arrImg);
     return layer.msg(
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值