js上傳文件後綴
⑴ js/jquery校驗上傳圖片後綴為gif|png|jpeg|jpg格式的圖片，尺寸為512*512 校驗，大小限制為300k的文件
<input type="file" name="myFile" id="form01" />
function validate_edit_logo(a){
var file = $('file').value;
if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){
alert("圖片類型必須是.gif,jpeg,jpg,png中的一種")
if(a==1){
return false;
}
}else{
var image = new image();
image.src = file;
var height = image.height;
var width = image.width;
var filesize = image.filesize;
$('beforeend').src=file;
$('div_regi_right').setstyle('display', 'block');
if(width>512 && height>512 && filesize>300k){
alert('請上傳512*512像素 或者大小小於300k的圖片');
if(a==1){
return false;
}
}
if(a==1){
return true;
}
}
}
⑵ 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>
⑶ 利用 JS在客戶端判斷文件上傳的真實格式（獲取文件後綴的朋友就不要回答了） 急!
你在谷歌瀏覽器打開控制台，輸入document.getElementById('file').files，這個方法也可以用來獲取文件的大小，如果file有選擇文件的話會顯示filelist會有type出現，不過我試了一下，效果跟獲取文件後綴名差不多，而且前端驗證很容易欺騙，安全性考慮都會在後端重新驗證。
⑷ js如何上傳文件
js採用File API 來上傳文件的。
File API 由一組 JavaScript 對象以及事件構成。賦予開發人員操作在 <input type=」file」 … /> 文件選擇控制項中選定文件的能力。圖 1 展示了 File API 所有的 JavaScript 的組合關系。
File API 簡單示例
<body>
<h1>File API Demo</h1>
<p>
<!-- 用於文件上傳的表單元素 -->
<form name="demoForm" id="demoForm" method="post" enctype="multipart/form-data"
action="javascript: uploadAndSubmit();">
<p>Upload File: <input type="file" name="file" /></p>
<p><input type="submit" value="Submit" /></p>
</form>
<div>Progessing (in Bytes): <span id="bytesRead">
</span> / <span id="bytesTotal"></span>
</div>
</p>
</body>
運行效果：
⑸ 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>
⑹ 怎樣用JS控制文件上傳時FILE控制項內默認的文件類型
有兩種方式，
1、用fileupload控制項在後台判斷
FileUpload1.FileContent.Length判斷大小，
System.IO.Path.GetExtension(FileUpload1.FileName)獲取文件後綴
2、用jquery上傳控制項，可以直接判斷類型和大小
另外js也可以在前台判斷文件類型，但不能獲取文件大小，需要引用插件
⑺ javascript獲取上傳的文件名，去掉文件的後綴名
你設置一個變數，去接收一下，接收的這個要經過截去子串的處理，取到你想要的那部分比如說：
var s1=new Array（）；
var str=data; //data 就是傳過來的文件名
s1=str.split（str.lastIndexOf（「.」）），你想要的就在 s1[0]中,而 . 是文件名與後綴名的分界線，根據它去截去
⑻ 七牛雲js上傳 為什麼沒有後綴
上傳文件的控制項 就可以顯示文件名的，不過顯示的是帶後綴的，你是想顯示不帶後綴的是嗎
那就用js 取到那個dom節點 然後把你去掉後綴的文件名 追加進去
⑼ JS如何讀取上傳文件的後綴名
function up(file){
//文件後綴可以通過 列印 file.file 可以看出來
console.log(file.file);
}