JavaScript：上传文件

Question

JavaScript：上传文件假设页面上有这个元素：<input id="image-file" type="file" />这将创建一个按钮，允许网页用户通过OS“文件打开.”选择文件。对话框。假设用户单击Said按钮，在对话框中选择一个文件，然后单击“OK”按钮关闭对话框。所选文件名现在存储在：document.getElementById("image-file").value现在，假设服务器处理URL“/Upload/Image”中的多部分帖子。如何将文件发送到“/上载/图像”？此外，如何侦听文件已完成上载的通知？

Answer 1

除非您试图使用Ajax上传文件，否则只需提交表格到/upload/image.

<form enctype="multipart/form-data" action="/upload/image" method="post">
    <input id="image-file" type="file" /></form>

如果您确实希望在后台上传图像(例如，不提交整个表单)，则可以使用Ajax：

• 使用jsp和javascript的异步文件上传(Ajax文件上载)

• jQueryAjax文件上传

• 使用文件上载的Ajax