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

Question

我在 Google 中找不到这个 - 我想做以下事情： -

• 用户从输入类型=文件选项中选择图像
• 点击图片后，输入类型=文件按钮消失
• 图片是通过 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!");
});

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