html一片空白,所以网页一些东西其实html有许多简便方法的却不会,所以慢慢积累。
这周说说html的<ul>
标签。
从上周的文档上传下载说起,我在一个页面上传了文件后,页面中应该增加一个文件名的超链接然后提供下载,这里可以用<ul>
标签.
方法是现在页面中添加一个<ul>
标签。
像这样,
</div>
<ul style="margin-top: 10px;" id="docFile"></ul>
</div>
然后在js的文档上传按钮事件中添加一个动态添加超链接的事件。
function uploadFile(){
var f = document.getElementById("file").value;
var pos =f.lastIndexOf("\\");
var fileName = f.substring(pos+1);
if(fileName==""){
mini.alert("请选择文件!");
return ;
}
$.ajaxFileUpload({
url:'<c:url value="/portal/common/uploadFile.action"/>',
secureuri:false,
fileElementId : 'file',
dataType : 'json',
success:function(data,status){
var tmpfileid=data.result[0].tmpfileid;
var str="${pageContext.request.contextPath}"+data.result[0].uploaddir+data.result[0].filename;
$('#docFile').append("<li id='file"+tmpfileid+"' data-fileid='"+tmpfileid+"'><a href='"+str+"'>"+fileName+"</a> <a class='btn-delete' href='javascript:onclick=del("+tmpfileid+")'>删除</a></li>");
},
error:function(data,status,e){
alert("上传失败");
}
});
}
其中$(“docFile”).append是在我刚定义的<ul>
域中添加的意思。<li>
生成一个前端是个黑点的行域。