當前位置:首頁 » 文件管理 » js判斷上傳文件格式

js判斷上傳文件格式

發布時間: 2022-02-25 15:39:52

1. 使用<input type="file">限定上傳的文件類型,要求點擊瀏覽的時候就限定類型,不要在js中驗證判斷

我們也有這個需求,起初是因為桌面系統實現了:點擊瀏覽後,彈出的瀏覽窗口中要默認只顯示指定類型的文件。現在要把這個功能移植到web上。而web的默認類型是瀏覽器自己實現的,accept屬性又不好用,好難啊

2. js怎麼判斷和控製表單上傳文件的大小和類型

ajax 是無法實現上傳文件的,可以想一下ajax與後台通信都是通過傳遞字元串,怎麼能傳遞文件呢?其實出於安全考慮js是不能操作文件的

3. js怎樣控制上傳文件類型

將你要上傳的文件的後綴改成允許上傳的類型,到時候下載下來再改回來就行了

4. 上傳文件前先用js判斷有沒有選擇文件

首先判斷判斷 :document.getElementById("youFileCtl").value!="";就可以判斷有沒有選擇文件了。

5. js怎麼獲取上傳文件的文件的擴展名

代碼:
<script language="javaScript">
var a="abc.jpg";
function test(file_name){
var result =/\.[^\.]+/.exec(file_name);
return result;
}
var b=test(a);
alert(b);
</script>

6. js文件上傳驗證文件類型第一個為文本,第二個為MP3格式,第三個為jpg 如何動態驗證求解

下面是一個完整的HTML文檔,你可以復制後進行直接測試。


代碼中有必要的注釋:

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>文件類定義</title>
</head>

<body>
<formmethod=postname=upformaction=""enctype="multipart/form-data">
<divid="file"style="margin-top:60px;width:auto;hegiht:auto;"></div>
<ahref="javascript:void(0)"onclick="addUpload()">添加附件</a>
<spanclass="required">語音文件</span>
<inputname="btn_up"class="cmd"type="button"id="btn_up"value="上傳"style="cursor:hand"onclick="ajaxFileUpload(this.form,this.form.txt1.value)">
</form>
<scripttype="text/javascript">
varcount=0;
varmaxfile=3;
//增加元素
functionaddUpload(){
if(count>=maxfile)return;//限制最多maxfile個文件框
count++;
//自增id不同的HTML對象,並附加到容器最後
varnewDiv="<divid=divUpload"+count+">"
+"請選擇上傳的音頻,圖片,或文字,第"+count+"幀"
+"<br/>"
//下面的每一個input中,都加入了onchange事件,用以在選擇完新文件後對其進行判斷
//同時第二參數用以限定本輸入框中的文件類型
+"文本:<inputname=txt"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"txt")'/><br/>"
+"圖片:<inputname=img"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"img")'/><br/>"
+"MP3:<inputname=voice"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"voice")'/><br/>"
+"<inputtype=buttonvalue=刪除onclick=delUpload('divUpload"+count+"')/>"
+"</div>";
document.getElementById("file").insertAdjacentHTML("beforeEnd",newDiv);
}

functionconfirmType(th,ty){
varv=th.value;
if(ty=='txt'&&/.txt$/i.test(v)){//如果是文本框
th.style.color='#090';//正確為綠色顯示
}elseif(ty=='img'&&/.jpg$/i.test(v)){//如果是圖片框
th.style.color='#090';//正確為綠色顯示
}elseif(ty=='voice'&&/.mp3$/i.test(v)){//如果是MP3框
th.style.color='#090';//正確為綠色顯示
}else{
th.style.color='#F00';//錯誤為紅色顯示
alert('您所選擇的文件類型不正確');
}
}
</script>
</body>
</html>

7. 怎樣用JS控制文件上傳時FILE控制項內默認的文件類型

有兩種方式,
1、用fileupload控制項在後台判斷
FileUpload1.FileContent.Length判斷大小,
System.IO.Path.GetExtension(FileUpload1.FileName)獲取文件後綴
2、用jquery上傳控制項,可以直接判斷類型和大小
另外js也可以在前台判斷文件類型,但不能獲取文件大小,需要引用插件

8. js如何判斷文件類型是否是rar

<!DOCTYPEhtml>
<html>
<head>
</head>
<body>
<!--html-->
<divclass="box">
<inputtype="file"name=""id="file">
</div>
<scriptsrc="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<scripttype="text/javascript">
$("#file").change(function(){
varfileName=$(this).val();
varsuffix=fileName.split(".")[1];
if(suffix=="rar"){
alert("上傳的是rar文件");
}else{
alert("上傳的是其他文件")
}
})
</script>
</body>
</html>


選中文件後通過截取.後面的字元串來判斷文件是以什麼結尾的就可以判斷該文件的類型了。
上面代碼你選中一個文件後,頁面會彈出你選擇的文件是否為rar格式的文件。

效果圖

9. js怎麼判斷上傳文件的大小

HTML中input標簽有個類型是file。這個是可以上傳文件使用的。你可以直接操作這個標簽的size來獲取文件的大小。
可通過下面的方式
html代碼:

js代碼:
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小,單位為位元組B

10. js 如何獲取上傳文件的大小

HTML中input標簽有個類型是file。這個是可以上傳文件使用的。你可以直接操作這個標簽的size來獲取文件的大小。
可通過下面的方式
html代碼:

js代碼:
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小,單位為位元組B

熱點內容
ios9照片加密 發布:2024-10-27 22:18:29 瀏覽:49
pythonyaml安裝 發布:2024-10-27 22:06:32 瀏覽:585
php5升級到php7 發布:2024-10-27 21:46:06 瀏覽:737
安卓機都在哪裡下載游戲 發布:2024-10-27 21:23:57 瀏覽:646
伺服器里的視頻怎麼做成鏈接 發布:2024-10-27 21:23:19 瀏覽:381
資料庫還原出錯 發布:2024-10-27 21:23:14 瀏覽:377
怎麼看出手錶的配置 發布:2024-10-27 21:23:07 瀏覽:162
車機不是安卓系統如何使用carplay 發布:2024-10-27 21:23:07 瀏覽:675
愛加密價值 發布:2024-10-27 21:23:01 瀏覽:78
vs2017編譯技巧 發布:2024-10-27 21:01:14 瀏覽:50