ホームページ > php教程 > php手册 > ThinkPHP は、uploadiveve を統合してファイルのアップロードを実装します

ThinkPHP は、uploadiveve を統合してファイルのアップロードを実装します

WBOY
リリース: 2016-08-25 10:19:45
オリジナル
1809 人が閲覧しました

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 コードを記述することです:

人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート