时间戳

首页 > 解决方案 > 将图像（base64）附加到输入类型=“文件”

javascript - 将图像（base64）附加到输入类型=“文件”

问题描述

有一个表格

<form method="post" action="pixels.php" enctype="multipart/form-data">
<input type="file" name="graphic" style=" font-size:14px;" value="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABkCAYAAABnwAWdAAABmklEQVR4Xu3dQYrDQBADQM//Hz0hxg74lFMLC2ofMNuoVfRl8a699z6aftaambYtBou7emBxMyB+rxJ3RrGII26Y2vU8ccQ9mubGDcMjjjjihpE9nieOOOKISyZAHHHJvrlxxBFHXDIB4ohL9s2NI4444pIJEEdcsm9uHHHEEZdMgDjikn1z44gjjrhkAsQRl+ybG0ccccQlEyCOuGTf3DjiiCMumQBxxCX75sYRRxxxyQSI6xZ3HF3fOYl3+52/cG2Le+dm/kxlcZVr+37nhLjK1Vlc5dqIK12bxVlcbQKlg7txFleaQOnYxFlcaQKlYxNncaUJlI5NnMWVJlA6NnEWV5pA6djEWVxpAqVj+4cR9+J8vn64wv4g9gyYOOKGpd3PE0fco2pu3LA84ogjbhjZ43niiCOOuGQCxBGX7JsbRxxxxCUTII64ZN/cOOKIIy6ZAHHEJfvmxhFHHHHJBIgjLtk3N4444ohLJkAcccm+uXHEEUdcMgHiiEv2zY0jjjjikgkQR1yyb24cccQRl0yAOOKSfXPjzrQ/uGEHG1llpcwAAAAASUVORK5CYII="><br>
<input type="submit" value="Upload">
</form>

我正在尝试将图像 ( base64) 附加到input，base64是从另一个绘图员通过 获取的localstorage，从那里结果证明它仅设置为value。

按照计划，应该是这样的，画图，转到另一个页面，onload从localstorage那里插入到input，点击下载时应该会选择文件（jpg）。

标签： javascripthtmlbase64local-storage

解决方案

你可以攻击那个base64字符串到一个标签来下载，比如

<a download="picname.jpg" href="data:image/png;base64,string..">download picture</a>

当用户点击下载它应该下载为图片

推荐阅读