基于fileInput实现下载功能

时间:2024-05-19 15:31:19

之前做了上传,看了下下干脆吧下载也做了,而且bootstrap 的fileinput 既然有预览那些功能将就那个改一改。

首先是好心人写的下载源代码在之前的文章里已经有了

http://blog.****.net/devil_may_crying/article/details/72415558

我要做的就是修改上传的加载添加入一个下载按钮,简单的东西,不过鉴于英语有限其实我弄了一天多才搞完。

好了首先是代码块:

基于fileInput实现下载功能

上传和下载是一样共用一个页面,将他设置为一个弹出model作为一个模板。

然后是Js图片预览加载还有添加下载图标和事件

基于fileInput实现下载功能

这个obj是通过ajax传过来的图片数组即:

基于fileInput实现下载功能

对应的下载事件就是test(); 在生成的预览窗里面fileinput.js会帮你迭代好属性和数据要获取到图片的路径只要加一个{data}如

基于fileInput实现下载功能

基于fileInput实现下载功能

搞定;so  easy 。。。