html 圖片上傳預覽

時間 2019-11-20

標籤 html 圖片上傳預覽欄目 HTML 简体版

原文原文鏈接

Html5 upload imgjavascript

2012年12月27日html

20:36java

<!DOCTYPE HTML>jquery

<html>post

<head>ui

<title>html 圖片上傳預覽</title>htm

$(function(){

$("input[type='file']").change(function(evt){

var files = evt.target.files;

for (var i =0 , f; f = files[i]; i++) {

if (!f.type.match('image.*')) {

continue;

}

var reader = new FileReader();

reader.onload = (function(theFile) {

return function(e) {

$("#list img").attr("src",e.target.result); //預覽圖片的位置

};

})(f);

reader.readAsDataURL(f);

}

});

})

</script>

</head>

<body>

</form>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。