今天又需要,要求在选中某条记录后显示历史上传图片

上传控件是fileinput.js

想法:界面有上传图片的控件,重新加载控件,并加入历史上传图片地址

实现代码:

var filepathArray = new Array();//存储
var imageList = new Array();
var infoList = new Array(); data = eval("(" + data + ")");
if (data == null || data == undefined) {
return;
} for (var i = ; i < data.length; i++) {
var suffix = data[i].FILE_Address.split('.')[data[i].FILE_Address.split('.').length - ];
fileList.push(
(suffix == "jpg" || suffix == "gif" || suffix == "png")
? '<img src="' + data[i].FILE_Address + '" alt="' + data[i].FILE_NAME + '" class="file-preview-image" style="width:96px">'
: '<p style="padding: 20px 5px;">' + data[i].FILE_NAME + '</p>'
);
infoList.push({
caption: data[i].FILE_NAME,//文件名称
width: "120px",
url: "/Home/Index/DeleteFile?key=" + data[i].FILE_ID,//删除按钮触发的路径及传递的参数 后台删除文件的信息(数据库、文件)
key: data[i].FILE_ID
});
} $('#fileinputID').fileinput('refresh', {
initialPreview: imageList,//预览文件
initialPreviewConfig: infoList//预览文件信息
}).on("fileuploaded", function (event, data, previewId, index) {//on事件需要重新绑定,否则不能使用 这个地方是控件初始化时绑定的其他方法
var obj = eval('(' + data.jqXHR.responseText + ')');
var fileInfo = new Object();
fileInfo.FILENAME = obj.Message;//上传文件名称
fileInfo.FILEPATH = obj.filePath.replace(/[\&]/, '_');//上传文件路径名称,替换一下特殊字符
filepathArray.push(fileInfo);
});

遇到问题:控制台总是显示【fileinput is not a function】

错误原因:界面引用JS文件顺序有问题,导致加载页面后再次调用fileinput方法后报错

解决方式:先引用JQ文件,后引用fileinput.js文件

相关技术文档

官网

fileinput 小计(显示历史上传图片)的更多相关文章

  1. SAP ALV中同一列的不同行显示不同的小数位,并能够总计,小计

    物料数量字段,根据物料类型的不同,来显示不同的小数位:要求有点苛刻: 首先,要能够总计和小计的话,这一列的字段类型必须是数值类型. 这样的话,就不能通过截取的方式改变不同行的小数位. 以下是两种思路: ...

  2. SQLSERVER 使用 ROLLUP 汇总数据,实现分组统计,合计,小计

    表结构: CREATE TABLE [dbo].[Students]( ,) NOT NULL, ) NULL, [Sex] [int] NOT NULL, ) NULL, ) NULL, , ) N ...

  3. PB gird类型数据窗口 设置分组、分组小计、合计

    今天遇到一个需求,gird表格数据如下:  部门  类型 数据   A  类型1  1  A  类型2  2  B  类型1  3  B  类型2  4   合计 10 实际需要显示的结果为:  部门 ...

  4. C#给DataTable添加序号、C#给DataTable添加合计、小计

    /// <summary>        /// 给DataTable添加序号        /// </summary>        /// <param name= ...

  5. 每日学习心得:SQL查询表的行列转换/小计/统计(with rollup,with cube,pivot解析)

    2013-8-20 1.    SQL查询表的行列转换/小计/统计(with  rollup,with cube,pivot解析) 在实际的项目开发中有很多项目都会有报表模块,今天就通过一个小的SQL ...

  6. SQL查询表的行列转换/小计/统计(with rollup,with cube,pivot解析)

    SQL查询表的行列转换/小计/统计(with rollup,with cube,pivot解析) 2013-8-20 1.    SQL查询表的行列转换/小计/统计(with  rollup,with ...

  7. SQLSERVER 使用 ROLLUP 汇总数据,实现分组统计,总计(合计),小计

    版权声明:本文为博主原创文章,未经博主允许不得转载.本人观点或有不当之处,请在评论中及时指正,我会在第一时间内修改. https://blog.csdn.net/aiming66/article/de ...

  8. DevExpress 小计 GridControl 隔行换行

    摘自: http://www.cnblogs.com/yuerdongni/archive/2012/09/08/2676753.html 1. 如何解决单击记录整行选中的问题 View->Op ...

  9. T100——报表的小计数量、小计金额,总计金额

    范例:cxmr540_g01 范例代码: ON EVERY ROW #add-point:rep.everyrow.before name="rep.everyrow.before" ...

随机推荐

  1. C/C++打印堆栈信息

    转自:http://www.cnblogs.com/zhurizhe/p/3412369.html 在C/C++程序中打印当前函数调用栈 前几天帮同事跟踪的一个程序莫名退出,没有core dump(当 ...

  2. phpmyadmin打开空白

    本地phpstudy环境,打开 phpmyadmin,登陆之后,显示空白页面. 解决办法:切换为 低版本的php版本,正常登陆.

  3. html/css/javascript知识点集锦;完全小白开搞web编程

    知识点集锦 1.在html模板的代码中会有下面一类: {% block title %} Blog entries {% endblock %}这里的 block 和 endblock 是神马? {% ...

  4. WebExtensions & tabs.executeScript()

    tabs.executeScript() https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs ...

  5. [Leetcode] 2.Add Two Numbers(List To Long,模拟)

    本题题意是指将两个数倒序存储在链表中,再将两数之和同样存储在链表中输出. 我最开始的思路是将每一位相加,再考虑是否进位,但这时就需要考虑一些情况,比较麻烦. 于是我决定采取另一种在网上新学到的方法:这 ...

  6. Winform程序部署方式总结二——Windows Installer发布

    针对Winform程序,介绍两种常用打包方式:ClickOnce和Windows Installer 应用程序如下: 二.Windows Installer发布 1.新建项目 创建后视图 第一步: 应 ...

  7. 【python】 requirements使用方法

    记得导入导出包的时候要想激活虚拟环境.1.导出requirements方法pip freeze > requirements.txt 2.安装requirements方法pip install ...

  8. BZOJ4867 Ynoi2017舌尖上的由乃(dfs序+分块)

    容易想到用dfs序转化为序列上的问题.考虑分块,对每块排序,修改时对于整块打上标记,边界暴力重构排序数组,询问时二分答案,这样k=sqrt(nlogn)时取最优复杂度nsqrt(nlogn)logn, ...

  9. [SOJ #47]集合并卷积

    题目大意:给你两个多项式$A,B$,求多项式$C$使得:$$C_n=\sum\limits_{x|y=n}A_xB_y$$题解:$FWT$,他可以解决形如$C_n=\sum\limits_{x\opl ...

  10. [LOJ 6159] 最长树链

    看到要求gcd不为1所以肯定在这条答案链上都是一个质数的倍数,所以就会产生一个很暴力的想法 没错,正解就是这样的暴力 只让走是i(素数)倍数的点,作最长链 最长链可以树形dp或两遍bfs,一遍找端点, ...