<a>的javascript+jquery编程实例之删除(定位节点与事件绑定)
2024-08-26 21:58:26
相关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();
}
最新文章
- 仅用aspx文件实现Ajax调用后台cs程序。(实例)
- JS原生第五篇 (帅哥)
- infer.net 入门2 用一个侦探故事来讲解,通俗易懂
- SNMP报文抓取与分析(一)
- Android之自定义控件深入
- ARM寻址方式
- js 下载文件 window.location.href
- UVa 1626 (输出方案) Brackets sequence
- Robot Framework简介
- java synchronized wait
- hdu 1034 Candy Sharing Game
- 基于visual Studio2013解决面试题之1204大数组查找
- WM_ERASEBKGND官方解释(翻译),以及Delphi里所有的使用情况(就是绘制窗口控件背景色,并阻止进一步传递消息)
- 关于静态与动态编译arm平台程序的比較
- JS中的模块规范(CommonJS,AMD,CMD)
- LeetCode OJ 33. Search in Rotated Sorted Array
- gridview中button事件处理
- Eureka学习例子
- face landmark 人脸特征点检测
- [ZJOI 2015]幻想乡战略游戏
热门文章
- Visual Studio 2019更新到16.2.3
- 各类型变量所占字节数,sizeof()
- mysql中int长度的意义 int(0)
- Python中产生随机数
- realsense 图片与点云数据采集
- 宣化上人:大佛顶首楞严经四种清净明诲浅释(10-11) -------------------------------------------------------------------------------- (转自学佛网:http://www.xuefo.net/nr/article23/230920.html)
- PAT 甲级 1147 Heaps (30 分) (层序遍历,如何建树,后序输出,还有更简单的方法~)
- intellij 插件的使用
- AnyCAD三维控件(转)
- kafka如果有多个patition,消费消息的时候消息是没有顺序的