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>
참고: 이 코드는 백엔드 제품 목록을 모방하며 실제 템플릿은 루프여야 합니다. 각 줄에는 단일 페이지에 여러 개의 업로드가 있으므로 클래스 이름은 .uploadifive가 사용되며(ID 이름은 사용할 수 없음) 나중에 사용할 수 있도록 콘텐츠 ID가 파일 컨트롤에 기록됩니다.
세 번째 단계는 템플릿에 JS 코드를 작성하는 것입니다.