當前位置:首頁 » 文件管理 » 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 20:20:47 瀏覽:886
移動寬頻設置路由器怎麼設置密碼 發布:2024-10-05 20:03:30 瀏覽:105
微指令的編譯方法有哪一些 發布:2024-10-05 19:02:10 瀏覽:885
android離線定位 發布:2024-10-05 18:36:40 瀏覽:858
ipad4密碼忘記怎麼辦 發布:2024-10-05 18:36:07 瀏覽:237
黑莓加密天線 發布:2024-10-05 18:30:07 瀏覽:850
編程入行年齡 發布:2024-10-05 18:29:24 瀏覽:539
伺服器地址訪問不到 發布:2024-10-05 18:20:55 瀏覽:691
手機解鎖忘記密碼多少錢 發布:2024-10-05 18:14:25 瀏覽:787
linux亂碼問題 發布:2024-10-05 18:00:25 瀏覽:544