js input 上传 图片

    //个人动态图片 上传
    $("#dynamic").change(function () {
        let file = $(this).get(0).files[0];
        // console.log(file);
        if (file.type == 'image/png' || file.type == 'image/jpeg') {
            var fileType = console.log(file.type);
            let reader = new FileReader();
            reader.readAsDataURL(file);
            //清除 val
            $("#dynamic").val('');
            reader.onloadend = function (e) {
                console.log(e.target);
                $.ajax({
                    type: "POST",
                    url: "/index/user/uploaduserimg",
                    data: {"content": e.target.result,"fileType":fileType},
                    dataType: "JSON",
                    success: (res) => {
                        if (res.status == 2) {
                            hintoperation(res.msg, '/static/webpctwo/image/success.png');
                        } else {
                            hintoperation(res.msg, '/static/webpctwo/image/fail.png');
                        }
                    },
                    error: (res) => {
                        hintoperation(res.msg, '/static/webpctwo/image/fail.png');
                    }
                });
                let newimg = `<img src="${reader.result}" alt="">`;
                $('.newdynamic').append(newimg);
            }
        } else {
            //提示类型不符
            hintoperation('请上传 png/jpg 格式', '/static/webpctwo/image/fail.png');
        }

    });

**获取input 获取 文件信息 类型判断 onloadend 上传 base64 文件 **

最后

以上就是体贴大碗为你收集整理的js input 上传 图片的全部内容，希望文章能够帮你解决js input 上传 图片所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。