js选择图片并显示图片

墨语wcy

已于 2023-04-15 17:15:04 修改

阅读量595

点赞数 1

文章标签： javascript 前端 java

于 2023-04-15 17:08:07 首次发布

本文链接：https://blog.csdn.net/wcy1900353090/article/details/130172441

版权

<input type="file" id="btn_file" accept="image/*" style="display:none">
<button onclick="paizhaoclick()">上传</button>

    $('#btn_file').change(function(e) {
        var file =  this.files[0];
        if (file) {
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onloadend = function () {
                $('#paizhao').attr('src', reader.result);
                console.log("图片："+reader.result)
            }
        }
    })

   function paizhaoclick() {
       document.getElementById("btn_file").click();
   }