选择文件后立即通过AJAX上传文件

Question

我在谷歌找不到这个 - 我想做以下事情： -

• 用户从input type = file选项
中选择图像
• 单击图片时输入类型=文件按钮消失
• 图片通过AJAX上传
• 上传文件时，会显示一个文本框，输入图像说明。

现在，我无法理解如何/何时调用AJAX调用。请告诉我用户选择图像的jQuery事件，使用它我可以调用AJAX函数。 在此先感谢...任何帮助将不胜感激。

Answer 1

在.change上选择文件时，input功能会触发。采用以下示例HTML：

<input type='file' id='fileImage'/>

现在使用jQuery，将change事件绑定到此输入：

$("#fileImage").change(function() {
    //Here is where you will make your AJAX call
    console.log("Image selected!");
});

这将在选择文件后立即触发。