iframe を更新せずにファイルをアップロード_html/css_WEB-ITnose

多くのシステムには画像をアップロードする機能がありますが、フォームを使用して送信すると、毎回ページが更新されるため、非常に不快です。今日はその使用方法を紹介します。ファイルを更新せずに iframe でアップロードする方法。次のコードを直接入力します。

html

<form class="form-horizontal text-sm" id="upload" name="upload[]" target="frm" action="/ERP/files/upFiles" method="post" enctype="multipart/form-data"> <input type='file' id="file" name="files[]" accept=".csv" multiple="multiple" /> <input type="hidden" name="MAX_FILE_SIZE" value="10485760" />  //限制文件大小</form><iframe id='frm' name='frm' style="display: none;"></iframe>

javascript

<script type="text/javascript"> function callback(res){    console.log(res);  //返回的对象 }  var frm = $("#frm");  frm.load(function(){   var wnd = this.contentWindow;   var str = $(wnd.document.body).find("pre").html();   str=JSON.parse(str);  //将json字符串数据转换成对象Object   callback(str); });</script>

原則: よく見てみると、ここの iframe は非表示になっています。この方法では、非表示の iframe を介してデータを送信するため、元のページは更新されません。

良いと思います。 >