手机端使用 上传

提问 未结 7 99
peimyxiaomage
悬赏:20飞吻
手机端使用 上传 手机图片显示格式不正确ios不能正常上传 有没有哪位大神在移动端使用过
回帖
  • 贴一下你的代码
    0 回复
  • <div class="upload">
    <!-- <input type="file" id="test1"> -->
    <button type="button" class="layui-btn" id="test1">
    <i class="layui-icon"></i>
    </button>
    </div>



    layui.use('upload', function(){
    var upload = layui.upload;
    var lis="";
    var indexarr =[];
    //执行实例
    var uploadInst = upload.render({
    elem: '#test1', //绑定元素
    url: 'upload', //上传接口
    auto: true, //选择文件后不自动上传
    size:200 * 1024, //设置文件最大可允许上传的大小 0(即不限制)
    exts : 'jpg|png|jpeg|mp4',//限定上传类型
    accept: 'file',//指定允许上传时校验的文件类型 images(图片)、file(所有文件)、video(视频)、audio(音频)
    acceptMime : 'image/jpg, image/png, image/jpeg, video/mp4',//只筛选上述类型图片
    choose: function(obj){ //选择文件的回调
    //将每次选择的文件追加到文件队列
    obj.preview(function(index, file, result){
    console.log(file.name);
    })
    var files = obj.pushFile();
    },
    before: function(obj){ //obj参数包含的信息,跟 choose回调完全一致,可参见上文。
    //预读本地文件,如果是多文件,则会遍历。
    obj.preview(function(index, file, result){
    // if($.inArray(file.name,indexarr) < 0){
    indexarr.push(file.name);
    var image = file.type.substr(0,5);
    lis = $('<div class="uploaded" id="'+ index +'"><img><span></span><div class="progress">'
    +'<div class="progress_bg"></div>'
    +'<div class="progress_cont">'
    +'<div class="fatherdiv">'
    +'<div class="persentdiv">'
    +'<div class="persentleft"></div>'
    +'<div class="persentright wth0"></div>'
    +'</div>'
    +'<div class="num">0%</div>'
    +'</div>'
    +'</div>'
    +'</div></div>');
    var img = lis.find('img');
    if(image == "image"){
    img.attr('src', result);
    }else{
    img.attr('src', 'static/img/back.png');
    }
    $("main section").append(lis);
    // }else{
    // layer.msg('这张图片已经上传过了', {icon: 5});
    // }
    });
    },
    progress: function(n, index){
    var percent = n + '%' //获取进度百分比
    // lis.find(".num").text(percent);
    $("main section").find(".num").text(percent);
    if(n >= 100){
    // lis.find(".progress").hide();
    $("main section").find(".progress").hide();
    $($($("main section").find("div")[0]).find("button")[0]).attr("disabled",false);
    }else{
    $($($("main section").find("div")[0]).find("button")[0]).attr("disabled",true);
    }
    },
    done: function(res, index, upload){
    //上传完毕回调
    if(res.msg == "succeed"){
    // lis.find(".progress").hide();
    $("main section").find(".progress").hide();
    $($($("main section").find("div")[0]).find("button")[0]).attr("disabled",false);
    }
    },
    error: function(index, upload){
    // alert(index);
    // alert(2222222222222);
    // alert("格式选择不正确,请重新选择");
    //请求异常回调
    }
    });
    });
    0 回复
  • @灰太狼99 现在是上传有的图片不知道为什么没有后缀名了 导致一直上传失败 现在是想着获取jpg或着png的图片和mp4的视频 最后发现视频又传不上去了
    0 回复
  • 把file换成images试试
    0 回复
  • @灰太狼99 图片可以了 视频上传不了了 选择视频之后没有任何反应和效果
    0 回复
  • 试试去掉这个exts : 'jpg|png|jpeg|mp4', 呢 accept 换成file
    0 回复
  • @灰太狼99 请求上传接口出现异常是什么情况呢 返回的json数据已经修改了 就是在上传的时候同一张图片 在不同的路径下就报这个请求接口出现异常了
    0 回复