如何解决Ajax图片上传常见问题？

Ajax上传图片

问答

Q1。 Ajax 无法上传图像

您最初的 Ajax 代码似乎缺少关键元素。要启用表单提交，您必须在 Ajax 调用中包含成功和错误函数。

解决方案：

修改您的 Ajax 代码如下：

$(document).ready(function (e) {
    $('#imageUploadForm').on('submit',(function(e) {
        e.preventDefault();
        var formData = new FormData(this);

        $.ajax({
            type:'POST',
            url: $(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success:function(data){
                console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    }));
});

第二季度。选择文件时触发上传

要在选择文件时立即触发上传功能，需要修改 HTML 输入。

解决方案：

将以下内容添加到您的 HTML 中：

<input type="file">

这将提交表单并触发选择文件后上传过程。

以上是如何解决Ajax图片上传常见问题？的详细内容。更多信息请关注PHP中文网其他相关文章！