从前端上传图片并将其显示在用户的个人资料页面上

时间:2019-03-02 23:02:56

标签: javascript php html wordpress

在我的网站上,我让注册会员创建多个个人资料,每个个人资料都有自己的头像。

在“创建个人资料”页面上,我要提交化身(http://i68.tinypic.com/r0qkp0.jpg)并将其显示在“个人资料”页面(http://i65.tinypic.com/2d93cxy.jpg

如何重新创建图片,如何从“创建个人资料”上传一幅图片并显示在“个人资料”页面上?

我知道每个页面的源文件在哪里,但是很遗憾,我无法重新创建它。.

谢谢。

1 个答案:

答案 0 :(得分:0)

您需要一个 3个步骤过程来上载图像文件,存储该图像文件并将其发送给前端用户。

  • 如果您的应用是SPA,并且您不想在用户浏览器中重新加载页面,则需要一个JS进程才能从file button读取文件,并且将其发送到您的服务器(例如,通过AJAX作为FormData object

  • 然后,您的服务器应该能够处理formdata对象请求并从中读取文件内容。完成后,您必须将其保存在安全的服务器端位置。

  • 最后(同样是SPA),服务器应能够在客户要求时回答图片数据

    • 服务器应能够在客户端询问时提供化身的URL(例如,带有Restful API
    • 当客户端使用图片的url时,服务器应该能够授予对该图片的访问权限