html5ファイルAPIで動作するアップロードスクリプトがあり、インターネットの「コードの無駄」エクスプローラー用のバックエンドiframeソリューションを作成したい
だから私はiframeを介してロードするフォームを持っており、フォームが送信されたら、親ドキュメントにロードテンプレートを追加します
これが私のHTMLコードです
<form enctype="multipart/form-data" method="post" action="<?php echo $action; ?>" >
<input type="file" name="files[]" id="files" multiple>
<input name="profile_id" type="hidden" value="<?php echo $profile_id; ?>">
<input name="" type="button" value="Button" onClick="add_loder();">
</form>
これが私のadd_loder関数です
<script>
var d = $(window.frameElement).parent();
function add_loder()
{
if($('#files').val().length == 0 )
return false;
var template = '<div class="preview">'+
'<span class="imageHolder">'+
'<img class="prv" src="<?php echo IMAGE_URL; ?>done.png" />'+
'<span class="uploaded"></span>'+
'</span>'+
'<div class="ph" >'+
'<img src="<?php echo IMAGE_URL; ?>load_square.gif" style="margin-right:45%;width:27px;height:27px">'+
'</div><div class="area"><textarea class="picarea"> </textarea><input type="button" value="<?php echo $confirmLable; ?>" class="conf">'+
'<input type="button" value="<?php echo $deleteLable; ?>" class="del"><input class="id" type="hidden" value="0"></div>'+
'</div>';
d.append(template);
$('form').submit();
}
</script>
しかし、これはページに1つの読み込みを追加するだけです
選択したファイルごとに読み込みを追加したいので、選択したファイルの数を知る必要があります