使用jQuery文件上传和保存而无需服务器端

Question

请问有没有一种方法可以使用jQuery创建一个简单的文件上传器，并将文件（图片）保存在某个文件夹中，而不需要使用任何服务器端脚本，例如php等。 以下是我尝试过的一些简单脚本

 $(document).on("click", "#upload", function() {
    var file_data = $("#avatar").prop("files")[0]; 
    var form_data = new FormData(); 
    form_data.append("file", file_data);
    $.ajax({
                url: "/img",
                dataType: 'script',
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,
                type: 'post'
       });
});

HTML

<form enctype="multipart/form-data" method="post">
    <input id="avatar" type="file" name="avatar" />
    <button id="upload" value="Upload">UPLOAD</button>
</form>

- kamran shah

---

您需要有服务器端代码，因为jQuery是客户端脚本，它可以将数据发送到服务器，而在服务器端，您需要编写脚本对您发送的数据执行操作。 - Pranay Rana

Answer 1

JQuery是JavaScript，它无法直接写入文件系统。它需要使用REST API来进行写操作和其他服务器端操作，例如与数据库交互等。

https://github.com/blueimp/jQuery-File-Upload/blob/master/README.md

话虽如此，这里有一份 PHP 示例/代码来处理文件。

https://tutorialzine.com/2013/05/mini-ajax-file-upload-form

- salah-1

---

有没有其他方法可以不涉及任何服务器端语言来完成这个任务？在我的情况下，最终用户将仅使用离线HTML文件，并将图像文件保存在其中的img文件夹中。 - kamran shah

我明白了。那么也许需要考虑设计问题，因为所选择的编程语言不支持该要求。 - salah-1

离线功能是一个很大的限制，甚至使用像谷歌表单这样的东西都有困难。 - salah-1

我的终端用户没有IIS，WAMP等，他们只是要在一个文件上工作，最终HTML和图像将保存为ZIP文件......我不能使用PHP或任何其他语言:( - kamran shah

谢谢。如果原问题已得到解答，请不要忘记将其标记为已回答。 - salah-1