您的位置:首页 > Web前端 > JavaScript

js点击上传图片后直接显示在内容框中

2018-02-05 14:56 411 查看
当用户点击 img  标签时弹出选择框,选择完图片点击确定会将图片替换到该img标签里以便于提交表单

<img id="picture" style="width:102px;height:126px;" onclick="selectFile();" title="点击上传">
<input id="image" name="image" type="file" style="display:none" class="img_upload_file">
function selectFile(){
$("#image").trigger("click");
}
$(".img_upload_file").change(function() {
var file = this.files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e) {
$("#picture").attr("src", this.result);
};
});


93c0
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: