当前位置:首页 » 文件管理 » a标签文件上传

a标签文件上传

发布时间: 2022-11-21 18:40:03

1. a标签文件上载链接,怎样避免直接打开文件

href="javascript:void(0);" onclick="clickme()"/>
写一个函数自定义处理方式应该可以.

2. jquery 用a标签控制文件上传

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>
<title>ajaxFileUpload文件上传例子</title>
<scripttype="text/javascript"src="<%=baseURL%>/kinth/js/ajaxfileupload.js"></script>
<scripttype="text/javascript">
varflag=0;//flag作用:分两种情况提交信息,如果是修改操作,没有修改上传文件,只修改其他字段的信息时点保存也能提交信息
functionuploadFile(){
$.ajaxFileUpload({
url:baseURL+"/fileCatalog.do?method=save",//需要链接到服务器地址
secureuri:true,
fileElementId:'file',//文件选择框的id属性
success:function(data,status){
varresults=$(data).find('body').html();
varobj=eval("("+results+")");
$("#fileSize").val(obj.fileSize);
$("#fileUrl").val(obj.fileUrl);
$('#fileCatalogForm').submit();
},error:function(data,status,e){
showDialogWithMsg('ideaMsg','提示','文件错误!');
}
});
}

functiongetFileName(obj)
{
flag=1;
varpos=-1;
if(obj.value.indexOf("/")>-1){
pos=obj.value.lastIndexOf("/")*1;
}elseif(obj.value.indexOf("\")>-1){
pos=obj.value.lastIndexOf("\")*1;
}
varfileName=obj.value.substring(pos+1);
$("#fileName").val(fileName);
$('.files').text(fileName);
}

functionev_save(){
if(submitMyForm('fileCatalogForm')){
if(flag==0){
$('#fileCatalogForm').submit();
}else{
uploadFile();
}
}
}

functionev_back(){
window.location.href=baseURL+'/fileCatalog.do?method=list';
}
</script>
</head>
<body>
<html:formstyleId="fileCatalogForm"action="/fileCatalog.do?method=save&fileFlag=true"method="post"enctype="application/x-www-form-urlencoded"style="text-align:left;">
<table>
<tr>
<td>附件上传:</td>
<tdstyle="text-align:left;"id="fileTd">
<inputtype="file"name="file"id="file"onChange="getFileName(this);"/><br/>
</td>
<tdcolspan="2"class="tdr">
<olclass=files>
<c:iftest="${entity.resourceId!=null&&entity.resourceId!=''}"><li>${entity.fileName}&nbsp;&nbsp;上传成功</li></c:if>
</ol>
</td>
</tr>
<c:iftest="${entity.resourceId==null||entity.resourceId==''}">
<inputtype="text"name="fileSize"id="fileSize">
</c:if>
<inputtype="hidden"id="fileUrl"name="fileUrl"value="${entity.fileUrl}"
</table>
</html:form>
</body>

3. A标签传到下个页面,样式不变的问题

$("a").click(function(){
$("a").removeClass("fk");
$(this).addClass("fk");
});

4. 在asp.net中,如何通过单击A标签,打开上传对话框

加一个fileupload控件,隐藏这个控件,点击a 调用fileupload事件

5. <a>标签怎么实现跨域下载

依据题主的描述,既然可以把上传的文件放到别的目录下,那么就不应该在A标签上下功夫,而是要在上传程序上做努力。
既然可以上传到别的位置,那么说明,题主现有程序已经实现了上传的功能,那么现在要做的就是写一个程序根据上传文件的标识来访问特定的文件,A标签只不过是访问这个程序的一个手段。
比如点击链接下载id为1的文件,那么这个程序通过id在硬盘里找到id为1的文件,并且把他复制到web目录到缓存目录,然后返回这个临时目录到url地址给客户端。

6. 如何点击a标签实现弹出input file上传文件对话框

点评:点击a标签实现弹出input file上传文件对话框,html、css、如下感兴趣的朋友可以参考下哈,希望对你有所帮助html复制代码代码如下:<SPAN class=tag<<SPAN class=titlediv</SPAN</SPAN <SPAN class=tag<<SPAN class=titlea</SPAN <SPAN class=attributehref</SPAN=<SPAN class=value"###"</SPAN</SPAN添加图片<SPAN class=tag</<SPAN class=titlea</SPAN</SPAN <SPAN class=tag<<SPAN class=titleinput</SPAN <SPAN class=attributetype</SPAN=<SPAN class=value"file"</SPAN <SPAN class=attributename</SPAN=<SPAN class=value"image"</SPAN <SPAN class=attributeclass</SPAN=<SPAN class=value"hidden"</SPAN <SPAN class=attributevalue</SPAN=<SPAN class=value""</SPAN /</SPAN <SPAN class=tag</<SPAN class=titlediv</SPAN</SPANcss复制代码代码如下:<SPAN class=class.hidden</SPAN <SPAN class=rules{ <SPAN class=rule<SPAN class=attributedisplay</SPAN:<SPAN class=value none;</SPAN</SPAN <SPAN class=rule}</SPAN</SPAN复制代码代码如下:jquery$('a').on('click', function(e) {

7. 怎样使用a标签以post方式提交

a标签本身是以get形式自身向服务器发起请求的,可以编码实现a标签提交表单,由表单发出post请求,代码如下: 超链接提交表单 $(function(){ $("#btnA").click(function(){ $("#myForm").submit(); }); }); 姓名: 提交

8. <a>标签怎么传值给jquery

你是想点击a标签然后弹出一个div,但是数据是从后台动态生成的是吧?
$.post("后台页面的url",{'id':'传参'},function(result) {
//result 就是从后台获取的数据
$("#newDiv").html(result); //我这是举个例子,假设你的那个div的id=newDiv
});

9. 如何点击a标签实现弹出input file上传文件对话框

酷烈网是一个完全免费的公益性的资源共享,其中包(范文、资源、考试、论文、文库、企业、电脑、教案、教师、培训、学校、求职、招聘、医学)等版块。html 复制代码代码如下: SPAN > SPAN "###" /SPAN /SPAN 添加图片 SPAN > SPAN "file" /SPAN SPAN "image" /SPAN SPAN "hidden" /SPAN SPAN "" /SPAN / /SPANSPAN >css复制代码代码如下: SPAN > SPAN > SPAN > 复制代码代码如下:jquery$('a').on('click', function(e) { $(this).closest('input[type=file]').trigger('click');})我要投稿HTML/Xhtml 责任志愿者:网页设计 评论 错误 [版权说明]《》电脑资料版权属于作者本人,您可以参考本电脑资料进行个人学习,酷烈网所有电脑资料均来出于爱好网上搜集整理以及会员上传而来,目的是让有效的资源能及时分享给用户,但是由于信息来源复杂,本站不保证其准确性,仅供参考,教学与个人学习交流!严禁用于任何商业目的,本站不对你的使用承担任何责任!如有侵犯你的权利,请告之我们,核对后我们将立即删除!谢谢。

10. 在html中用超链接a标签怎么进行post数据传输

一:增加一个form表单

<span ><body> <a href="javascript:doPost("addStudent.action", {"name":"张三"})">提交

</a><script> function doPost(to, p) { // to:提交动作(action),p:参数 var myForm =

document.createElement("form");

myForm.method = "post";

myForm.action = to;

for (var i in p){

var myInput = document.createElement("input");

myInput.setAttribute("name", i); // 为input对象设置name myInput.setAttribute("value", p[i]);

// 为input对象设置value myForm.appendChild(myInput);

}

document.body.appendChild(myForm);

myForm.submit();

document.body.removeChild(myForm); // 提交后移除创建的form }

</script> </body></span>

二:使用Ajax

<span ><body> <a href="addStudent.action" class="a_post">提交</a><script> $(".a_post").on("click",function(event){

event.preventDefault(); // 使a自带的方法失效,即无法向addStudent.action发出请求 $.ajax({

type: "POST", // 使用post方式 url: "addStudent.action",

contentType:"application/json",

data: JSON.stringify({param1:value1, param2:value2}), // 参数列表,stringify()方法用于将JS对象序列化为json字符串 dataType:"json",

success: function(result){

// 请求成功后的操作 },

error: function(result){

// 请求失败后的操作 }

});

});

</script> </body></span>

(10)a标签文件上传扩展阅读:

POST优点:

1、安全性高,但是也不是很高,如果想要高安全性的话就用https传输协议。

2、上传的数据量比GET大得多。“理论上讲,POST是没有大小限制的,HTTP协议规范也没有进行大小限制,说“POST数据量存在 80K/100K的大小限制”是不准确的,POST数据是没有限制的,起限制作用的是服务器的处理程序的处理能力。”

POST缺点:

1、执行效率比GET低,但是现在的计算机都很强大,这些几乎可以忽略不计,所以建议一般都使用POST方式。

2、不可以通过url传递数据,有时候可能会不方便.

热点内容
编程入行年龄 发布:2024-10-05 18:29:24 浏览:537
服务器地址访问不到 发布:2024-10-05 18:20:55 浏览:688
手机解锁忘记密码多少钱 发布:2024-10-05 18:14:25 浏览:784
linux乱码问题 发布:2024-10-05 18:00:25 浏览:542
访客仪需要电脑做服务器吗 发布:2024-10-05 17:57:57 浏览:9
怎么在u盘设置密码 发布:2024-10-05 17:55:23 浏览:579
石器时代赚钱脚本 发布:2024-10-05 17:48:55 浏览:364
光存储器有哪些 发布:2024-10-05 17:48:20 浏览:706
java执行js 发布:2024-10-05 17:39:01 浏览:357
常见的数据结构与算法 发布:2024-10-05 17:29:13 浏览:895