调用相册 、摄像头

<input id="imgfile" type="file" name="imgfile" accept="image/*">
$(".files").on("change", function(e) {
        var that = $(this);
        var imgPath = that.val();

        //判断上传文件的后缀名
        var strExtension = imgPath.substr(imgPath.lastIndexOf('.') + 1);
        if (strExtension != 'jpg' && strExtension != 'gif' &&
            strExtension != 'png' && strExtension != 'bmp') {
            $('body').alert('请上传图片格式文件', '确定');
            return;
        }
        if (this.files[0].size/1024/1024>5) {
            $('body').alert('图片大小请勿超过5M', '确定');
            return;
        }

        //图片预览
        var src = window.URL.createObjectURL(this.files[0]);
        $(this).siblings('.addPic').empty().append('<img src="' + src + '" style="height:100%">');

        var file = that[0].files;
        var formData = new FormData();
        formData.append('file', file[0]);

        $.ajax({
            type: "POST",
            url: "/app/upload",
            processData: false,
            cache: false,
            contentType: false,
            data: formData,
            dataType: "json",
            success: function(res) {
                console.log(res);
                if (res.error == 0) {
                    resData.waybill_pic = res.img.id;
                } else {
                    $('body').alert('图片上传失败请重新上传', '知道了');
                }
            },
            error: function(res) {
                console.log(res);
                $('body').alert('图片上传失败请重新上传', '知道了');
            }
        });
});

 

posted @ 2018-08-23 16:31  蛋Mrs炒饭  阅读(151)  评论(0编辑  收藏  举报