如何获得这样的数据:
data:application/pdf;base64,JVBERi0xLjQKJeHp69MKMSAwIG9iago8PC9UeXBlIC9DYXR…AKdHJhaWxlcgo8PC9TaXplIDE4Ci9Sb290IDEgMCBSPj4Kc3RhcnR4cmVmCjg4MzEzCiUlRU9G
从输入文件
$('#file').change(function(e) {
var file = $('#file')[0].files;
for (var i = 0; i < file.length; i++) {
console.log(file[i].name)
console.log(file[i].type)
console.log(file[i].size)
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="file" id="file" name="file" multiple="">
我得到像
function readURL(input) {
var reader = new FileReader();
reader.onload = function(e) {
console.log(e.target.result)
};
reader.readAsDataURL(input);
}
我需要从输入文件的更改中获取它,因为我想将其放在锚点的href中
<a class="image" href=' + e.target.result + '><img style="width:150px; height:150px;" u="image" src=' + e.target.result + '></a>
这样我的代码看起来像
$('#file').change(function(e) {
var file = $('#file')[0].files;
for (var i = 0; i < file.length; i++) {
$('body').append('<a class="image" href=' + e.target.result + '><img style="width:150px; height:150px;" u="image" src=' + e.target.result + '></a>')
}
});
一旦获得可用的数据文件,您想要添加锚点。它是从reader onload事件追加这些元素的最简单方法。参见例如:
function readURL(input) {
var reader = new FileReader();
reader.onload = function(e) {
// here data is available, you can append it
$('body').append('<a class="image" href=' + e.target.result + '><img style="width:150px; height:150px;" u="image" src=' + e.target.result + '></a>')
};
reader.readAsDataURL(input);
}
$('#file').change(function(e) {
var files = $('#file')[0].files;
for (var i = 0; i < files.length; i++) {
readURL(files[i]);
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句