jquery 用a标签控制文件上传
2个回答
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ajaxFileUpload文件上传例子</title>
<script type="text/javascript" src="<%=baseURL%>/kinth/js/ajaxfileupload.js"></script>
<script type="text/javascript">
var flag=0; //flag作用：分两种情况提交信息，如果是修改操作，没有修改上传文件，只修改其他字段的信息时点保存也能提交信息
function uploadFile(){
$.ajaxFileUpload({
url:baseURL+ "/fileCatalog.do?method=save", //需要链接到服务器地址
secureuri:true,
fileElementId:'file', //文件选择框的id属性
success: function(data, status){
var results = $(data).find('body').html();
var obj = eval("("+results+")");
$("#fileSize").val(obj.fileSize);
$("#fileUrl").val(obj.fileUrl);
$('#fileCatalogForm').submit();
},error: function (data, status, e){
showDialogWithMsg('ideaMsg','提示','文件错误！');
}
});
}
function getFileName(obj)
{
flag=1;
var pos = -1;
if(obj.value.indexOf("/") > -1){
pos = obj.value.lastIndexOf("/")*1;
}else if(obj.value.indexOf("\\") > -1){
pos = obj.value.lastIndexOf("\\")*1;
}
var fileName = obj.value.substring(pos+1);
$("#fileName").val(fileName);
$('.files').text(fileName);
}
function ev_save(){
if(submitMyForm('fileCatalogForm')){
if(flag==0){
$('#fileCatalogForm').submit();
}else{
uploadFile();
}
}
}
function ev_back(){
window.location.href=baseURL+'/fileCatalog.do?method=list';
}
</script>
</head>
<body>
<html:form styleId="fileCatalogForm" action="/fileCatalog.do?method=save&fileFlag=true" method="post" enctype="application/x-www-form-urlencoded" style="text-align:left;">
<table>
<tr>
<td>附件上传：</td>
<td style="text-align:left;" id="fileTd">
<input type="file" name="file" id="file" onChange="getFileName(this);" /><br />
</td>
<td colspan="2" class="tdr">
<ol class=files>
<c:if test="${entity.resourceId != null && entity.resourceId != ''}"><li> ${entity.fileName} 上传成功</li></c:if>
</ol>
</td>
</tr>
<c:if test="${entity.resourceId == null || entity.resourceId == ''}">
<input type="text" name="fileSize" id="fileSize" >
</c:if>
<input type="hidden" id="fileUrl" name="fileUrl" value="${entity.fileUrl}"
</table>
</html:form>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="javascript" type="text/javascript" src="http://www.lmjfy.com/Content/jQuery/jquery-1.7.2.min.js"></script>
<input id='up' type="file" />
<a id='btn' href="javascript:void(0);">upload</a>
<script type="text/javascript">
$(function () {
$('#btn').click(function(){
$('#up').click();
});
});
</script>
<input id='up' type="file" />
<a id='btn' href="javascript:void(0);">upload</a>
<script type="text/javascript">
$(function () {
$('#btn').click(function(){
$('#up').click();
});
});
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
