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

Question

我在 Google 中找不到这个 - 我想执行以下操作:-

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

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

Answer 1

.change 函数可以在您的 input 上选择文件时触发。采用以下示例 HTML:

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

现在使用 jQuery，将 change 事件绑定(bind)到此输入:

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

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