文件上传/操作/下载而不使用服务器:可以吗?

时间:2017-07-18 18:29:26

标签: javascript jquery html file-upload

我希望建立一个可以做三件事的网站:

  1. 用户可以将图像上传到网站(没有服务器)

    - 对于这个问题,我找到了像Dropzone这样的资源,但似乎都要求将图像发送到服务器。

  2. 上传的文件在客户端进行操作

    - 对于这个问题,我需要从我的JS / HTML代码访问上传的文件,我需要一些方法来操作文件。我目前拥有嵌入其中的预设文件的网站,然后我可以使用JS访问和操作,因此操作本身不是问题,而只是访问文件。

  3. 然后,用户可以下载被操纵的文件(再次,没有服务器)

    - 对于这个问题,我知道如何为具有Web地址(在服务器上)的文件制作下载按钮,但是有没有办法为刚刚操作的文件设置下载按钮?我在这里发现this问题似乎是一个很好的起点,但我不确定我是否完全理解它的实现。

  4. 基本上,我有网站框架(使用HTML / CSS,Javascript),我只是想看看是否可以在不使用服务器的情况下做到这一点,即使我必须使用其他一些库。如果可以对这三点中的任何一点给出任何有用的文章/图书馆的见解或链接,我将非常感激。

    注意:如果没有服务器这是不可能的,请告诉我,因为那时我将不得不完全重新设计所有内容,这整个问题很简单。

1 个答案:

答案 0 :(得分:2)

  

用户可以将图像上传到网站(没有服务器)

网站通常托管在服务器上。我认为您的意思是图片已上传,但未存储在任何地方。

  

上传的文件在客户端进行操作

有许多很酷的JS库可以处理这个问题,因为你可以试试https://fengyuanchen.github.io/cropperjs/

  

然后,用户可以下载被操纵的文件(同样,没有服务器)

因此,如果我理解你要求上传图片 - >编辑 - >图像下载。这是非常可能和常见的。但是,您需要在某处缓存客户端上传的图像。

如果您问是否可以将图像直接上传到DOM,则不能。您需要将图像上传到托管文件的位置。想象一下,拥有C:/ MyComputer / MyImage的绝对路径,它显然无法在除您的机器之外的任何其他机器上运行。

如果您需要一些关于如何处理上传图片到临时位置的示例 - >编辑 - >下载让我知道