不更新页面的图片更新

我正在开发新的Web应用程序。 Web应用程序包括用户可以创建带有图片的个人资料页面的功能。我使用常规的HTML表单来允许用户输入他们的个人资料信息。不更新页面的图片更新

我想实施一个解决方案，让用户在上传后即可看到个人资料图片。现在我正在使用jQuery File Upload（http://blueimp.github.io/jQuery-File-Upload/basic-plus.html）将图片上传到服务器，并将文件名写入数据库中。问题是，在用户重新加载页面之前，页面上的图片不会更新。我是新手，我不确定实现此功能的最佳方法。我已经对AJAX调用进行了一些研究，但是我还没有找到关于如何在我的情况下实现它的指南。

我使用Bootstrap/jQuery/JSP/Servlets /构建我的web应用程序。我没有使用任何流行的Java框架。我是一个拥有越来越多网络应用知识的新手。

如何最好地实现一个功能，允许我的个人资料图片更新而无需刷新页面，并且是否有在线任何地方的初学者指南？

谢谢

来源

2016-02-08 user3586514

你可以这样做。如果上传没问题，那么在AJAX成功的情况下，取回上传的完整网址，并将其设置为图片src。 – Hemal

或者，也许你可以使用一些HTML5画布函数来预览想要上传的图片。使用它可能会让用户选择在发送它之前对其进行裁剪并调整大小。 – Leo

你有链接到一个页面，我可以看到更新图片的AJAX调用的工作实现？ – user3586514

这是一个有点难以解决你的问题，没有看到你所使用的代码。试着把它放在fiddle并给我们链接，这样我们可以更好地理解问题。

插件的'basic plus'版本默认显示并检索图像。可能存在一个小的逻辑错误，它可以防止默认行为或可能缺少的参数？

来源

2016-02-08 05:24:48

谢谢你的回复。我的问题是，我现在没有任何代码可以显示。我试图找出如何最好地处理它。我现在所有的工作是自己在页面上工作的jQuery文件上传，但它不显示我已经存储在数据库中的图片。 – user3586514

好吧，我明白了，那么我认为@hemal解决方案是最干净和最简单的。在成功回调中，检索图像的url并添加到'img'属性。 jQuery File Uploader有一些可选的需求，图书馆 - [JS Image Load]（https://github.com/blueimp/JavaScript-Load-Image） - 似乎创建了图片预览。为你使用polyfill。这可能是你想要达到你想要的结果 –

你有一个页面的链接，我可以看到一个更新图片的AJAX调用的工作实现？ – user3586514

不更新页面的图片更新

回答

相关问题