【问题标题】:jQuery file upload and save without server sidejQuery 文件上传和保存,无需服务器端
【发布时间】:2018-03-17 14:35:14
【问题描述】:

如果有一种方法可以使用 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>

【问题讨论】:

  • 你需要有服务器端代码,因为jquery是客户端脚本,它可以向服务器发送数据,在服务器端你需要对你发送的数据执行操作的脚本

标签: jquery jquery-file-upload


【解决方案1】:

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

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

话虽如此,这里是处理文件的 PHP 示例/代码。

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

【讨论】:

  • 在不涉及任何服务器端语言的情况下还有其他方法吗?在我的情况下,最终用户将只是使用脱机 html 文件,并将图像文件保存在驱动器的 img 文件夹中
  • 我明白了。然后也许还有一个设计问题需要考虑,因为选择的语言不支持该要求
  • 离线的东西是一个很大的限制,甚至使用谷歌表单之类的东西
  • 朋友,我的最终用户没有任何 IIS、WAMP 等,他们只是在文件上工作,最后 html 和图像将保存为 zip 文件......我不能使用 php 或任何其他:(
  • 谢谢。如果原始问题已回答,请不要忘记将其标记为已回答
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-03-19
  • 2012-01-18
  • 1970-01-01
  • 1970-01-01
  • 2014-03-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多