国产午夜色司机在线观看,亚洲国产小视频在线观看,国产精品毛片一级久久,欧美高清vivoe,国产指交视频一区之二区,中文字幕在线码一区,18成禁人视频免费网站,影视中文综合国产,在线观看特色大片免费视频,午夜激情成人在线

JS提前預(yù)覽圖片功能

時間:2019-12-20 14:39:26 類型:JS/JQUERY
字號:    
<input type="file" name="pic" id="pic" onchange="preview(this)">
			<div id="pics"></div>


function preview(file){
			    //file.files:代表選擇的文件, 以數(shù)組形式存在
			    console.log(file.files[0]);
		        if (file.files && file.files[0])
		        { 
		             var src = file.files[0].name; //得到文件名
		             // aaa.JPG
		             var position = src.lastIndexOf("."); //最后一個點出現(xiàn)的位置
		             var ext      = src.substr(position); //得到文件的擴展名
                     var type    =  ext.toLowerCase(); //將擴展名轉(zhuǎn)換為小寫
                     var all = [".jpg",".gif",".jpeg",".png"];
                     if(all.indexOf(type) == -1) //查詢type是否在數(shù)組中, 不在的話返回 -1
                     {  
                     	alert("您上傳圖片的類型不符合(.jpg|.jpeg|.gif|.png)!"); return false;
                     }
                     var reader = new FileReader();
                        //將文件以Data URL形式讀入頁面
                        reader.readAsDataURL(file.files[0]);
                        //onload 成功讀取
                        reader.onload = function(){
                        	$("#pics").html('<img src="' + this.result + '" id="imgs"/>').children("img").css({"max-width":"150px"});
                        }
		        }
		   }
<