jq生成縮略圖fileReader
- 2019 年 12 月 18 日
- 筆記
html程式碼:
input type="file" name="file" id="upload"
JavaScript生成縮略圖可以使用html5內置對象fileReader
//input發生改變
$("#upload").change(function(){
//初始化fileReader對象
fileReader = new FileReader();
//讀取上傳文件
fileReader.readAsDataURL($(this)[0].files[0]); fileReader.onload = function(){
//圖片縮略圖路徑
src = this.result;
}
})