周报2016.08.29-2016.09.04

来源：互联网发布：双11淘宝最迟发货时间编辑：程序博客网时间：2024/05/22 09:44

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>&nbsp;<a  class='btn-delete' href='javascript:onclick=del("+tmpfileid+")'>删除</a></li>");                                         },                         error:function(data,status,e){                         alert("上传失败");                          }                     });    }

其中$(“docFile”).append是在我刚定义的<ul>域中添加的意思。<li> 生成一个前端是个黑点的行域。

0 0