base64对图片的编码与解码
程序员文章站
2022-04-06 14:33:56
...
首先你得通过前端的jqery找到你存储图片的input标签,然后绑定到图片上
选择文件时,可以使用input文件的change事件
$("#imageUrl").on("change",function(){
var files = $(this).prop("files");//获取文件列表
if(files.length == 0){
return;
}else{
var filepath = $(this).val();
if(!/\.(gif)$/.test(filepath)){
alert("");
$(this).val("");
return false;
}
var reader = new FileReader();
reader.readAsDataURL(files[0]);
reader.onload = function(evt){
var fileString = evt.target.result;
$("#img").attr("src",fileString);
}
}
});
选择文件时,可以使用input文件的change事件
$("#imageUrl").on("change",function(){
var files = $(this).prop("files");//获取文件列表
if(files.length == 0){
return;
}else{
var filepath = $(this).val();
if(!/\.(gif)$/.test(filepath)){
alert("");
$(this).val("");
return false;
}
var reader = new FileReader();
reader.readAsDataURL(files[0]);
reader.onload = function(evt){
var fileString = evt.target.result;
$("#img").attr("src",fileString);
}
}
});