小编Pet*_*ete的帖子

从输入字段抓取图像以获取图像数据/显示图像

我一直在环顾四周,一直无法找到这是否可能.

这是我在提交之前想要发生的事情:当用户选择要上传的文件时,我想抓取图像的数据并将其转换为base64.转换后,我想直接将它显示在一个div或通过AJAX发送到服务器,然后显示在div.

以下基本上是我正在寻找的:

// index.php
<input type="file" name="img" id="img" onChange="displayImg(this)">

// displayImg.js
function displayImg(img) {
   imgData = img.?;  // How do I do this?
   img64 =           // I know how to do this.
   document.write("<img src='data:image/jpeg;base64,"+img64+"' />");
}
Run Code Online (Sandbox Code Playgroud)

html javascript ajax file-upload onchange

1
推荐指数
1
解决办法
5715
查看次数

标签 统计

ajax ×1

file-upload ×1

html ×1

javascript ×1

onchange ×1