ThinkPHP は、uploadiveve を統合してファイルのアップロードを実装します
- WBOYオリジナル
- 2016-08-25 10:19:451788ブラウズ
Thinkphp整合uploadifive进行动态参数传递，内容列表按钮实现一键上传文件
兜兜转转又回到TP了。。有大几年都在用CI写项目，最近回到TP来，项目中有一个功能花了点时间，特分享出来。
就是，后台内容列表里每一条记录都放一个按钮，可以快速进行文件上传（不需要点击编辑进入详情再上传），就想到了以前用过的uploadify，但由于办公室多数同事都用MAC，则uploadifive更合适。
废话不多说，上代码：
第一步，加载jquery.js/uploadifive.js/uploadifive.css
第二步，构建HTML列表：<table><br>
<tr><td>商品名称1</td><td><input data-id="1" type="file" class="uploadifive" /></td></tr><br>
<tr><td>商品名称2</td><td><input data-id="2" type="file" class="uploadifive" /></td></tr><br>
</table><br>
<div id="proccess"></div>注: このコードはバックエンド製品リストを模倣しており、実際のテンプレートはループである必要があります。各行にはファイルのアップロード ボタンが表示されます。1 つのページに複数のアップロードがあるため、クラス名 .uploadifive が使用されます (ID 名は使用できません)。コンテンツ ID は後で使用できるようにファイル コントロールに書き込まれます。
3 番目のステップは、テンプレートに JS コードを記述することです: