Javascript 如何检索img的base64内容
我正在尝试制作一个表单，提交base64中的标题、小描述、图像，以及一篇文章的完整描述。我的问题是图像，我不知道如何在jQuery 3.1.1中转换图像 这是我的密码：Javascript 如何检索img的base64内容,javascript,jquery,image,ionic-framework,base64,Javascript,Jquery,Image,Ionic Framework,Base64,我正在尝试制作一个表单，提交base64中的标题、小描述、图像，以及一篇文章的完整描述。我的问题是图像，我不知道如何在jQuery 3.1.1中转换图像 这是我的密码： $（“.submit btn”）。单击（函数（）{ var titre=$（“.title”）.val（）； var description=$（“.description”）.val（）； var img=$（“.img”）.val（）； var full=$（“.full”）.val（）； var过帐=$.post（“ht
$（“.submit btn”）。单击（函数（）{
var titre=$（“.title”）.val（）；
var description=$（“.description”）.val（）；
var img=$（“.img”）.val（）；
var full=$（“.full”）.val（）；
var过帐=$.post（“http://localhost:8888/api/addPost.php", {
标题：titre，
描述：，
图片：img，
完整的
});
});
@导入url（“http://code.ionicframework.com/1.3.2/css/ionic.css");
输入[type='file']{
颜色：透明；
}
图片：
提交
$（“.submit btn”）。单击（函数（）{
var titre=$（“.title”）.val（）；
var description=$（“.description”）.val（）；
var full=$（“.full”）.val（）；
var files=$（“.img”）[0]。文件；
如果（文件和文件[0]）{
var filereader=newfilereader（）；
filereader.onload=函数（e）{
console.log（如target.result）；
var过帐=$.post（“http://localhost:8888/api/addPost.php", {
标题：titre，
描述：，
图像：e.target.result，
完整的
});
}
readAsDataURL（文件[0]）；
}
});
@导入url（“http://code.ionicframework.com/1.3.2/css/ionic.css");
输入[type='file']{
颜色：透明；
}
图片：
提交
<代码> > p>请考虑使用FieleRADER。
您可以使用文件阅读器
- 示例：
- Mozilla文档：
例如：
<html>
<head>
<script>
function readFile(event) {
var input = event.target;
if (input.files && input.files.length) {
var reader = new FileReader();
reader.onload = function(e) {
var image = document.getElementById("myImage");
image.src = e.target.result;
var content = document.getElementById("base64Content");
content.innerHTML = e.target.result;
};
reader.readAsDataURL(input.files[0]);
}
}
window.onload = function() {
document.getElementById("myFile")
.addEventListener("change", readFile);
}
</script>
</head>
<body>
<input id="myFile" type='file' accept='image/*'>
<p id="base64Content"></p>
<img id="myImage" height="150">
</body>
</html>
函数读取文件（事件）{
var输入=event.target；
if（input.files&&input.files.length）{
var reader=new FileReader（）；
reader.onload=函数（e）{
var image=document.getElementById（“myImage”）；
image.src=e.target.result；
var content=document.getElementById（“base64Content”）；
content.innerHTML=e.target.result；
};
reader.readAsDataURL（input.files[0]）；
}
}
window.onload=函数（）{
document.getElementById（“myFile”）
.addEventListener（“更改”，readFile）；
}
<html>
<head>
<script>
function readFile(event) {
var input = event.target;
if (input.files && input.files.length) {
var reader = new FileReader();
reader.onload = function(e) {
var image = document.getElementById("myImage");
image.src = e.target.result;
var content = document.getElementById("base64Content");
content.innerHTML = e.target.result;
};
reader.readAsDataURL(input.files[0]);
}
}
window.onload = function() {
document.getElementById("myFile")
.addEventListener("change", readFile);
}
</script>
</head>
<body>
<input id="myFile" type='file' accept='image/*'>
<p id="base64Content"></p>
<img id="myImage" height="150">
</body>
</html>