色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery img 轉成file

呂致盈2年前13瀏覽0評論

在前端開發中,有時候需要將頁面中的圖片轉換成文件對象以便進行一些操作,比如上傳到后臺或者進行圖片處理等。而通過jQuery,可以很方便地實現將img標簽轉換成file對象的功能。

具體實現方法如下:

$("imgSelector").on("load", function() {
var canvas = document.createElement("canvas");
canvas.width = this.width;
canvas.height = this.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0, this.width, this.height);
canvas.toBlob(function(blob) {
var file = new File([blob], "file_name.jpg", {type: "image/jpeg"});
// 在這里就可以對file對象進行上傳或者處理
}, "image/jpeg", 1);
});

上述代碼中,imgSelector為需要轉換成file對象的img標簽選擇器。當該img加載完成后,首先需要創建一個canvas元素,并設置寬高等于img的寬高。然后通過getContext方法獲取畫布的上下文,在canvas中繪制該img。接著,調用canvas的toBlob方法將其轉成Blob對象,最后再使用File構造函數將其轉換成file對象。

需要注意的是,toBlob方法的第一個參數是回調函數,該函數接收一個Blob對象作為參數。同時,toBlob方法還接受兩個可選參數,第一個參數是輸出的圖片格式,默認為”image/png”,第二個參數是輸出的圖片質量,默認為0.92。

使用jQuery將img轉換成file對象可以方便地進行一些圖片處理操作,讓前端開發更加便捷高效。