file控件选择上传文件确定后触发什么js事件

JavaScript08

file控件选择上传文件确定后触发什么js事件,第1张

1、定义一个Html文件,编写file控件。

2、在html文件中增加js代码,监听File控件。

3、预览页面效果。

4、上面的上传文件比较复杂,可以用jquery更简便的方法。

5、点击选择文件按钮,进行选择文件。

6、编辑完ihtml文件后,用浏览器打开html文件,当鼠标左键单击span时显示"触发鼠标单击事件",双击span时显示"事件",完成关闭。

这样替换,项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。

第一步:

前端修改

由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分,这部分代码封装在bjui-all.js文件中,

有两种方式,

1、用fileupload控件在后台判断

FileUpload1.FileContent.Length判断大小,

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

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

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