我有一个网络应用程序,用户可以上传某些内容的图像,然后保存。当它们保存时,它会将图像作为<input>
中的文件对象抓取并将它们保存到Parse。但是,如果他们想要编辑此内容,它会从Parse中检索图像的网址,并将其显示在<img>
标记中。但问题是,当他们编辑其他一些信息而不上传新图像然后保存时,保存功能会将<input>
看作没有文件,从而在现有图像上保存一个空的文件数组。如果我可以将现有图像添加到<input>
标记,那将是理想的,但HTML安全性会阻止这种情况。
据我所知,我可以简单地让保存功能检测到该人正在编辑或忽略没有图像 - 有解决方法。但是这个问题在其他地方也表现出了症状。
我还允许用户输入在线托管的图像的URL(它实际上是Noun Project API的选择器,但这无关紧要,因为我正在使用url)。当他们输入此网址时,会将其显示在<img>
标记中。当他们去保存时,<input>
是空的,因此没有任何保存。所以只是在保存代码中有一个例外对这里没有帮助 - 因为它首先不会保存。
没有太多的代码可以显示,因为它比我的代码中的特定内容更通用。我需要能够在<img>
标记中保存网址中的图片。
有什么想法吗?
答案 0 :(得分:0)
您可能不会喜欢这个答案,但最终它正如您所说,是一种解决方法。
在我的应用程序中,我使用了MVC框架(有很多但是AngularJS可以作为一个例子)。因此,当用户点击SAVE时,我不检查元素,而是检查模型以查看是否有任何新的或更新的字段。不幸的是,遗嘱只包含用户上传的文件,而不包含已经上传的文件。