相关jquery方法 parent(), remove()

//上传图片 article_create.js  article_edit.js
function uploadAttachment() {
/*jQuery-File-Upload*/
var url = '/Common/UploadAttachment';
$('#fileupload').fileupload({
url: url,
dataType: 'json',
done: function (e, data) {
if (data.result.result === true) {
if (data.result.files.length > 0) {
var imgTpl = genrateTmp(image_index);
$("div.media").append(imgTpl);
var curIndex = $(imgTpl).attr("data-index");
var file = data.result.files[0];
$("#preview_img_" + curIndex)[0].src = file.url;
$('#save_name_' + curIndex).val(file.saveName);
$('#files_' + curIndex).text(file.name);
//$("#beforeUpload").removeClass('disabled');
}
}
else {
alert(data.result.Message);
}
}
});
} function genrateTmp(dataIndex) {
var tpl = '<div class="media-body" data-index="{i}">'
+ '<input name = "save_name_{i}" type = "hidden" id = "save_name_{i}" value = "" data-model="article.ImgFileList" />'
+ '<div id="files_{i}" class="files"></div><a onclick="DelImage(this)">删除</a>'
+ '<a class="pull-left thumbnail">'
+ '<img id="preview_img_{i}" class="media-object" src="" onload="DrawImage(200, 200, this)">'
+ '</a>'
+ '</div >';
tpl = tpl.replace(/{i}/g, dataIndex);
++image_index;
return tpl;
} function DelImage(obj)
{
$(obj).parent().remove();
}

最新文章

  1. 仅用aspx文件实现Ajax调用后台cs程序。(实例)
  2. JS原生第五篇 (帅哥)
  3. infer.net 入门2 用一个侦探故事来讲解,通俗易懂
  4. SNMP报文抓取与分析(一)
  5. Android之自定义控件深入
  6. ARM寻址方式
  7. js 下载文件 window.location.href
  8. UVa 1626 (输出方案) Brackets sequence
  9. Robot Framework简介
  10. java synchronized wait
  11. hdu 1034 Candy Sharing Game
  12. 基于visual Studio2013解决面试题之1204大数组查找
  13. WM_ERASEBKGND官方解释(翻译),以及Delphi里所有的使用情况(就是绘制窗口控件背景色,并阻止进一步传递消息)
  14. 关于静态与动态编译arm平台程序的比較
  15. JS中的模块规范(CommonJS,AMD,CMD)
  16. LeetCode OJ 33. Search in Rotated Sorted Array
  17. gridview中button事件处理
  18. Eureka学习例子
  19. face landmark 人脸特征点检测
  20. [ZJOI 2015]幻想乡战略游戏

热门文章

  1. Visual Studio 2019更新到16.2.3
  2. 各类型变量所占字节数,sizeof()
  3. mysql中int长度的意义 int(0)
  4. Python中产生随机数
  5. realsense 图片与点云数据采集
  6. 宣化上人:大佛顶首楞严经四种清净明诲浅释(10-11) -------------------------------------------------------------------------------- (转自学佛网:http://www.xuefo.net/nr/article23/230920.html)
  7. PAT 甲级 1147 Heaps (30 分) (层序遍历,如何建树,后序输出,还有更简单的方法~)
  8. intellij 插件的使用
  9. AnyCAD三维控件(转)
  10. kafka如果有多个patition,消费消息的时候消息是没有顺序的