多くのシステムには画像をアップロードする機能がありますが、フォームを使用して送信すると、毎回ページが更新されるため、非常に不快です。今日はその使用方法を紹介します。ファイルを更新せずに 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 を介してデータを送信するため、元のページは更新されません。
良いと思います。 >
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
