ページに表示する写真をアップロードするJS

• htmlコード：

<入力ID = "file_upload"タイプ= "ファイル" /> 
<DIV CLASS = "image_container"> 
<IMG ID = "プレビュー"幅= "60"高さ= "60"> 
</ div>

• JSコード

$（関数（）{ 
$（ "＃1 file_upload"）の変更（関数（）{ 
VAR $ファイル= $（この）; 
VAR fileobjのファイル$ = [0]; 
VAR = windowURL window.URL || window.webkitURL。
dataURL VAR; 
VAR $ IMG = $（ "＃プレビュー"）; 
 
IF（もしfileobj fileObj.files && && fileObj.files [0]）{ 
dataURL = windowURL.createObjectURL（fileObj.files [0]）; 
$ img.attr（ 'SRC'、dataURL）; 
}他{ 
dataURL file.val = $（）; 
VAR imgObj =のdocument.getElementById（ "プレビュー"）; 
// 2ピット：
// 1は、設定されたフィルタ特性を、要素がされている必要があります動的にノードを作成したDOMツリーに存在するが、も添加無効のプロパティを設定し、DOMの前にセットに属性を追加する必要があります; 
// 2、src属性には、二つのモードの上に追加して、次の方法のように追加する必要があります無効; 
imgObj.style.filter = "のProgID：DXImageTransform.Microsoft.AlphaImageLoader（sizingMethod =スケール）"。
imgObj.filters.item（ "DXImageTransform.Microsoft.AlphaImageLoader"）SRC = dataURL。
} 
}）。
}）;