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

Question

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

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

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

Answer 1

在input选择文件时， .change函数可以触发。 采用以下示例HTML：

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

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

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

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