我如何将这个新生成的图像上传到我的 localhost/images/

Posted

技术标签:

【中文标题】我如何将这个新生成的图像上传到我的 localhost/images/【英文标题】:how can i upload this new generated image to my localhost/images/ 【发布时间】:2018-06-12 10:34:27 【问题描述】:

我正在尝试发布由我的隐写术网络生成的图像。所以这是当前的流程。

    用户为隐写术选择图像 用户输入他们的信息 Web 将生成新图像,该图像已在 <img> 标记中包含该消息

如何将这个新生成的图像上传到我的 localhost/images/ ?

预期行为:

图像生成后,用户按下发布按钮,它会创建一个发布请求并将生成的图像上传到所需的位置。

<img src="" id="final_image" class="img-thumbnail">

我这里有生成的图像。目前必须手动移动,右键单击>另存为>所需的目的地。

【问题讨论】:

先决定javascript还是php?两者都不一样。 我会改用php,所以在用户点击生成按钮后,我也会创建一个post请求并上传生成的图片 你可以查看我的答案***.com/questions/38392740/… 对不起,这是一个正常的上传,问题是我想上传由网络@Lokesh生成的图像 上传到哪里?在个人资料中上传? 【参考方案1】:

首先获取图像并使用js或jQuery转换为base64,然后使用php将base64图像保存为文件

$data = 'data:image/png;base64,AAAFBfj42Pj4';

list($type, $data) = explode(';', $data);
list(, $data)      = explode(',', $data);
$data = base64_decode($data);

file_put_contents('/tmp/image.png', $data);

【讨论】:

在这个解决方案中我必须上传原始文件,然后用我生成的文件重写它? ,基于此php.net/manual/en/function.file-put-contents.php 你可以看看这个(***.com/questions/19146954/replace-file-in-php) 它工作了,谢谢!!!,所以我先上传原始图像,然后用base64字符串重写它,我一开始没有得到它。但是谢谢

以上是关于我如何将这个新生成的图像上传到我的 localhost/images/的主要内容,如果未能解决你的问题,请参考以下文章

如何调整我的模型以将上传的图像存储到我的数据库作为图像的链接而不是显示为 blob?

如何显示上传到我的 ftp 文件夹的图像

使用新生成的图像自动更新/编辑嵌入消息 - Discord.js

如何在 react 中使用 graphene-django 和 axios 将图像上传到我的服务器?

将KMZ文件上传到我的Google地图中,并在地标描述中添加图像

上传的安全威胁