超简单的jq图片上传

Posted 2020-12-08 chenyudi

  　　　　　　　　　　　　　　　　<label class="file_img" for="file_imgs">
                                <input class="file_imgs" id=‘file_imgs‘ type="file" accept="image/jpg,image/jpeg,image/png" name="file" />
                                <img class="file_imgb" src="./images/file_img.jpg">
                            </label>
                            <div class="show_imgs">

                            </div>

html

 

 $(‘#file_imgs‘).on(‘change‘,function () {
            var file = $(‘#file_imgs‘).get(0).files[0];
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onloadend = function () {
                console.log(reader);
                $(‘.show_imgs‘).append(`<img class="show_imgs_item" src="${reader.result}" />`);
            }
        })