画像ファイルの操作を実行

< "JPG、.pngの"入力タイプ= "ファイル" ID = "FILE1"名前= "FILE1"受け入れる=スタイル= "表示:なし"のonchange = "showPicture(この);">
<IMG SRC =」.. 「onclickの= "uploadFile( 'FILE1')を"> /images/y_add_photo.png

関数uploadFile(OBJ){
$( "#" + OBJ).click();
}
VARのfileArr = [];
関数showPicture(OBJ){
VARのfileList = obj.files。
VAR長= fileList.length。
ため(VAR i = 0; iは長さ<; iは++){
"" VARサフィックス=のfileList [I] .name.substring(のfileList [I] .name.lastIndexOf()+ 1、のfileList [I] .name.length );
IF(接尾== "JPG" ||サフィックス== "PNG"){
fileArr.push(のfileList [I])。
VAR OBJURL = getObjectURL(のfileList [I])。
もし(OBJURL){
VARのhtml =「<DIV CLASS = "y_photo_close"> <IMGのスタイル= "幅:66px;高さ:66px;" SRC = " '+ OBJURL +' "> <IMGクラス=" y_close_img"タイトル= "删除" onclickの=」


}
他{
layer.msg( "画像JPGまたはPNG形式を選択してください!");
戻り;
}
}
}

関数deletePicture(OBJ){
。VAR指数= $( "y_photo_int DIV")インデックス($(OBJ).parent());
fileArr.splice(インデックス1)。
。$(OBJ).parent()削除();
。$( '#のFILE1')ヴァル( '');
。$( "#のIMAGE_PATH")のval( '');
}
関数getObjectURL(ファイル){
VARのURL = NULL;
もし{(window.createObjectURL =未定義!)
URL = window.createObjectURL(ファイル);
}(window.URL =未定義!){もし、他
のurl = window.URL.createObjectURL(ファイル);
}(window.webkitURL =未定義!){もし、他
のurl = window.webkitURL.createObjectURL(ファイル);
}
URLを返します。
}

 

おすすめ

転載: www.cnblogs.com/yyjspace/p/11606415.html