保存图像字节到隐藏字段HTML5
Saving image bytes into hidden field HTML5
我使用以下代码上传图像
$selectFile = $('<input type="file">').click();
$selectFile.change(function (e) {
var reader = new FileReader();
reader.onload = function(event){
var img = new Image();
img.onload = function(){
$div.append('<figure class="images"><img src="'+ event.target.result +'" draggable="true" alt=""></figure>');
}
img.src = event.target.result;
}
reader.readAsDataURL(e.target.files[0]);
});
当我看event.target.result
时它包含类似于data:image/jpeg;base64,/9j/4AAQSkZJRgAB
的东西
我不确定这些是图像字节吗?我对HTML 5不是很熟悉。我如何获得图像字节,以便我可以将它们存储到一些隐藏的字段
"data:image/jpeg;base64 "后面的数据是图像的base64编码版本。可以使用以下命令将其转换为字节数组:
var byteCharacters = atob(b64Data);
但我不知道为什么你想要,当Base64是很好的渲染图像无论如何:
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgAB...." >
相关文章:
- angularjs在数字(html5)字段中将0转换为1
- HTML5要求隐藏文件字段-反馈位置
- 使用 HTML5<输入>字段抓取动态生成的网页
- 是否可以在字段有效时触发事件(html5)
- 使用angularJS设置HTML5日期输入字段的默认值
- HTML:密码字段中的HTML5占位符属性问题 - 显示正常文本
- HTML5,CSS3,PHP联系人表单不发送信息+添加必填字段
- 应用于 html5 数值字段的 javascript 的错误行为
- 重置按钮不会清除 HTML5 中的字段
- JavaScript for HTML5 必填字段设置为在 Safari 中工作
- 转到下一个字段自动 HTML5 表单
- HTML5拖放文件字段
- 如何在 HTML5 中使用 CSS3 在灯箱中显示编辑输入字段
- HTML5 必填字段,但不是“提交”类型的按钮
- 输入字段html5占位符没有'不要在javascript中添加值后就消失
- 禁用html5”;“必需”;不显示窗体部分时的字段输入属性
- HTML5的必填字段
- 当必填字段为空时,C#HTML5表单提交
- 将文本INPUT字段或SELECT OPTION设为必需字段(HTML5)
- 保存图像字节到隐藏字段HTML5