サーバーに画像をアップロードするための私の Web サイトでは、アップロードの HTML5 ドラッグ アンド ドロップ方式を使用しています。
mfupload.jsオープンソース スクリプトを使用しています。IE を除くすべてのブラウザで動作します。
IE でこれを機能させる方法を教えてください。または、IE 用の適切なスクリプトを提供してください。
注: ドラッグ アンド ドロップとは、フォルダーからドラッグして Web ページにドロップすることを意味します。
脚本:
<script src="js/mfupload.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
var errors="";
$('#upload').mfupload({
type : 'jpeg,jpg,png,gif,mp3,aac,aif,aiff,m4a,wav,mp4,ogg,webm,mov,m4v,3gp,3g2,m2v,avi', //all types
maxsize : 20,
post_upload : "./upload.php",
folder : "./file/pic/uploaded_files",
ini_text : "Drop your photo,video or audio here",
over_text : "Drag your file(photo,video or audio) (max-size: 20MB each)",
over_col : 'gray',
over_bkcol : 'white',
init : function(){
$("#uploaded").empty();
},
start : function(result){
pop_uploading();
$("#uploaded").append("<div id='FILE"+result.fileno+"' class='files'>"+result.filename+"<div id='PRO"+result.fileno+"' class='progress'></div></div>");
},
loaded : function(result){
$("#PRO"+result.fileno).remove();
$("#FILE"+result.fileno).html("Uploaded: "+result.filename+" ("+result.size+")");
},
progress : function(result){
$("#PRO"+result.fileno).css("width", result.perc+"%");
},
error : function(error){
errors += error.filename+": "+error.err_des+"\n";
},
completed : function(){
if (errors != "") {
alert(errors);
errors = "";
}
}
});
})
</script>
前もって感謝します.....