欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery mobile 選擇圖片

錢浩然2年前8瀏覽0評論
jQuery Mobile是一個能夠幫助開發者在移動端開發中實現高效、直觀交互的框架。其中一個常見需求就是選擇圖片上傳到服務器,jQuery Mobile有一個內置的文件上傳插件,可以實現這個功能。 首先需要插入jQuery和jQuery Mobile的腳本。代碼如下:
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
接下來,需要使用HTML的<input>元素創建一個文件選擇器:
<input type="file" name="photo" id="photo" accept="image/*">
其中,accept="image/*"的屬性表示只接受圖片格式的文件。 接著,需要監聽用戶選擇圖片的事件,代碼如下:
$(document).on("change", "#photo", function(evt) {
var files = evt.target.files; //獲取選擇的文件
if (files.length >0) {
var file = files[0];
if (typeof FileReader !== "undefined") {
var reader = new FileReader();
reader.onload = function(evt) {
var img = new Image();
img.onload = function() {
//在這里對圖片進行處理
console.log("圖片加載完畢!");
};
img.src = evt.target.result;
};
reader.readAsDataURL(file);
} else {
alert("該瀏覽器不支持圖片預覽!");
}
}
});
代碼中,使用了FileReader對象將用戶選擇的文件轉換成Data URL,并將其作為參數傳遞到img標簽的src屬性中,實現預覽圖片的功能。 至此,使用jQuery Mobile選擇圖片的功能就已經實現了。開發者可以根據需求對預覽的圖片進行處理,比如壓縮、水印等,然后將其上傳到服務器上。