怎样用JS控制文件上传时FILE控件内默认的文件类型

JavaScript022

怎样用JS控制文件上传时FILE控件内默认的文件类型,第1张

有两种方式，

1、用fileupload控件在后台判断

FileUpload1.FileContent.Length判断大小，

System.IO.Path.GetExtension(FileUpload1.FileName)获取文件后缀

2、用jquery上传控件，可以直接判断类型和大小

另外js也可以在前台判断文件类型，但不能获取文件大小，需要引用插件

<form onsubmit="return fileCountCheck(this)">

<input type="file" name="mulUp[]" multiple="multiple" required="required" />

<input type="submit" />

</form>

<script type="text/javascript">

function fileCountCheck(objForm){

if (window.File &&window.FileList) {

var fileCount = objForm["mulUp[]"].files.length

if(fileCount >10){

window.alert('文件数不能超过10个，你选择了' + fileCount + '个')

}

else {

window.alert('符合规定')

------我点击的按钮-------

<el-button @click="uploadingAudioButton">

<i class="el-icon-folder-add"></i >

</el-button>

样式如下

<div v-show="false">

<input

type="file"

accept='audio/ ' //指定类型 可以是image/ 等

capture="microphone"

ref="selectFile"

id="selectFile"

@change="checkFile( refs.selectFile.click()

}

//绑定在input上的事件

checkFile(e) {

//获取到你选择的文件

console.log(e.target.files[0])

}