html input 上传图片的方法 - MilkeZhang 的网络笔记

之前用过一个通过 input 标签直接上传图片的方法，直接将图片上传到对应的API上。

现在因为改版了，也就遗弃了这个方法，但是这个方法本质上是挺不错的，只是暂时不合适我。

对于大图片而言，这个办法对我来说，需要依赖的服务器要求较高。

所以在代码删除前，通过文本记录一下。

        <%--上传用户头像--%>
        function FileUpload(Mobile) {
            var formData = new FormData();
            var fileName;
            var files;

            if (Mobile == true) {
                fileName = $('#Mobile_User_Img').val();
                files = $('#Mobile_User_Img')[0].files[0];

                if ($('#Mobile_User_Img')[0].files[0].size / 1024 > 1024) {
                    ModalInit_Modal_Message("提示", "上传图片不能大于1M");
                    return;
                }
            }
            else {
                fileName = $('#User_Img').val();
                files = $('#User_Img')[0].files[0];

                if ($('#User_Img')[0].files[0].size / 1024 > 1024) {
                    ModalInit_Modal_Message("提示", "上传图片不能大于1M");
                    return;
                }
            }

            formData.append("File", files);
            formData.append("FileName", fileName);
            // 以及一些其它要传入的参数
            formData.append("CMD", "指令码");

            $.ajax({
                url: "/API.aspx",
                type: 'POST',
                data: formData,
                dataType: 'json',
                async: 'false',
                processData: false,// ⑧告诉jQuery不要去处理发送的数据
                contentType: false, // ⑨告诉jQuery不要去设置Content-Type请求头
                success: function (res) {
                    Code = res.Code
                    if (Code == Code_Success) {
                        document.location.reload();//重新加载当前页面
                    }
                    else {
                        alert("操作失败")
                    }
                }
            });
        }