1. 程式人生 > >使用js和jquery實現點選圖片上傳及預覽

使用js和jquery實現點選圖片上傳及預覽

//上傳頭像
    $(".avator-btn-fake").click(function(){
        $("#upload").click();
    });
    $("#upload").change(function(){
        var file = this.files[0] ? this.files[0] : null; //不曉得這裡換成$(this)為什麼不行
        if(null == file){
            return false;
        }
        var file_reader = new FileReader();
        file_reader.onload = (function(){
            var image_url = this.result;        // 這是圖片的路徑
            $("#js-portrait").attr('src', image_url);
        });
        file_reader.readAsDataURL(file);
    });

相關推薦

no