ajaxfromdata上传文件或照片方法

function previewImg(imgFile){
    var maxSize = 1024 * 1024*50;//最大上传图片50M
    var extension = imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);//扩展名
    extension = extension.toLowerCase();//把文件扩展名转换为小写
    if ((extension!='.jpg')&&(extension!='.png')&&(extension!='.pdf')){
        //alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");//对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !
        // $("#"+id+"-error-msg").html("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
        $('#'+imgFile.id).siblings('div').eq(0).html('');
        $('#'+imgFile.id).attr('data-url','');//保存图片路径
        layer.msg("对不起,系统仅支持jpg,pdf和png格式的照片,请您调整格式后重新上传,谢谢 !");
    }else{
        //获取图片文件
        var file = imgFile.files[0];//文件对象
        var name = file.name;//图片名
        var size = file.size;//图片大小
        if(size > maxSize){
            // $("#"+id+"-error-msg").html("图片过大,超过50M,请缩减图片大小和尺寸后重新上传");
            // alert();//图片大于5M,请压缩有重新上传
            $('#'+imgFile.id).siblings('div').eq(0).html('');//清空名称
            $('#'+imgFile.id).attr('data-url','');//保存图片路径
            layer.msg("图片过大,超过50M,请缩减图片大小和尺寸后重新上传");
            return false;
        }

        var formData=new FormData();
        formData.append('file',file);
        var index = layer.load(1, {shade: false});
        $.ajax({
            type: "POST",
            dataType: "json",
            contentType: false,
            processData: false,
            url: "/dfs/dfs/upload.m",
            data: formData,
            success: function(msg){
                layer.close(index);
                console.log(msg);
                if(msg.statusCode === 0){
                    //判断是否上传成功
                    if(msg.result[0].status===0){
                        $('#'+imgFile.id).siblings('div').eq(0).html(msg.result[0].item.originalName);//将图片名字赋值给显示div
                        $('#'+imgFile.id).attr('data-url',msg.result[0].item.url);//保存图片路径
                    }else{
                        layer.msg('上传失败')
                    }
                }
            },
            error:function (res) {
                layer.close(index);
                console.log(res);
                layer.msg('上传失败'+res)
            }
        });
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值