通过FileReader（）JavaScript获取文件内容
我正在尝试使用FileReader（）和JavaScript获取文件内容 我发现这个答案： 正如@Markasoftware在评论中所说，我正试图将结果保存到var通过FileReader（）JavaScript获取文件内容,javascript,filereader,Javascript,Filereader,我正在尝试使用FileReader（）和JavaScript获取文件内容 我发现这个答案： 正如@Markasoftware在评论中所说，我正试图将结果保存到var function readSingleFile(evt) { //Retrieve the first (and only!) File from the FileList object var myFile = evt.target.files[0]; var reader = ne
function readSingleFile(evt) {
//Retrieve the first (and only!) File from the FileList object
var myFile = evt.target.files[0];
var reader = new FileReader();
var result;
reader.readAsText(myFile);
reader.onload=function(){
result = reader.result;
console.log(result); // works
}
console.log(result); // not works
}
若我试图在
onload更多信息：示例
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
</head>
<body>
<script>
function PreviewImage() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);
oFReader.onload = function (oFREvent) {
var sizef = document.getElementById('uploadImage').files[0].size;
document.getElementById("uploadPreview").src = oFREvent.target.result;
document.getElementById("uploadImageValue").value = oFREvent.target.result;
};
};
jQuery(document).ready(function(){
$('#viewSource').click(function ()
{
var imgUrl = $('#uploadImageValue').val();
alert(imgUrl);
});
});
</script>
<div>
<input type="hidden" id="uploadImageValue" name="uploadImageValue" value="" />
<img id="uploadPreview" style="width: 150px; height: 150px;" /><br />
<input id="uploadImage" style="width:120px" type="file" size="10" accept="image/jpeg,image/gif, image/png" name="myPhoto" onchange="PreviewImage();" />
</div>
<a href="#" id="viewSource">Source file</a>
</body>
</html>
函数PreviewImage（）{
var of reader=new FileReader（）；
readAsDataURL（document.getElementById（“uploadImage”）.files[0]）；
oFReader.onload=函数（OFRENT）{
var sizef=document.getElementById（'uploadImage'）。文件[0]。大小；
document.getElementById（“uploadPreview”）.src=ofretent.target.result；
document.getElementById（“uploadImageValue”）.value=ofretent.target.result；
};
};
jQuery（文档）.ready（函数（）{
$（'#viewSource'）。单击（函数（）
{
var imgUrl=$（'#uploadImageValue'）.val（）；
警报（imgUrl）；
});
});
结果结果