当前位置:首页 > Web开发 > 正文

换算之后大概是半个小时

2024-03-31 Web开发

需求:项目要撑持大文件上传成果,颠末讨论,初阶将文件上传巨细控制在500M内,因此本身需要在项目中进行文件上传部分的调解和配置,本身将巨细都以501M来进行限制。

第一步:

前端改削

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

技术图片

 

在bjui-all.js文件中的全局变量界说中有以下部分代码,这就是界说的有关于上传的Uploadify控件的重要变量:

技术图片


upload:{uploadLimit:5,fileSizeLimit:31744,removeTimeout:0.8}

以上三个变量代表的含义是:

uploadLimit:暗示上传文件个数的限制,5暗示文件上传个数限制是5个

fileSizeLimit:暗示上传文件巨细的限制,31744单位是KB,也就是暗示31M

removeTimeout:暗示移除文件的时间限制

继续查找使用到这些变量的处所,看到了文件巨细超过限制等

技术图片


了解了BJUI前端框架对付上传大文件的限制,可以这样使用,增大文件上传巨细和数量,可以凭据如下进行改削,我们在bjui-all.js文件看到uploadLimit属性和fileSizeLimit属性的限制,我们在jsp文件中可以这样进行替换,这里使用的是笼罩原则,从头界说uploadLimit属性和fileSizeLimit属性,笼罩bjui-all.js文件的默认值设置。

技术图片

 

bjui-all.js文件的uploadLimit属性和fileSizeLimit属性对应到jsp文件中的属性就应该这样写,data-upload-limit属性和data-file-size-limit属性,只需要在后面改写为data-upload-limit=“800”和data-file-size-limit=“5131264”即可,必然要注意这里的单位是KB,以上数字暗示501M。

关于Uploadify控件属性可以参考这篇文章也可以直接看官网文档:

超大文件上传与下载/

属性名称

 

默认值

 

说明

 

auto

 

true

 

设置为true被选择文件后就直接上传了,为false需要点击上传按钮才上传 。

 

buttonClass

 

 

按钮样式

 

buttonCursor

 

‘hand’

 

鼠标指针悬停在按钮上的样子

 

buttonImage

 

null

 

浏览按钮的图片的路径 。

 

buttonText

 

‘SELECT FILES’

 

浏览按钮的文本。

 

checkExisting

 

false

 

文件上传反复性查抄措施,查抄即将上传的文件在处事器端是否已存在,存在返回1,不存在返回0

 

debug

 

false

 

如果设置为true则暗示启用SWFUpload的调试模式

 

fileObjName

 

‘Filedata’

 

文件上传东西的名称,如果定名为’the_files’,,PHP措施可以用$_FILES[‘the_files‘]来措置惩罚惩罚上传的文件东西。

 

fileSizeLimit

 

0

 

上传文件的巨细限制 ,如果为整数型则暗示以KB为单位的巨细,如果是字符串,则可以使用(B, KB, MB, or GB)为单位,好比’2MB’;

如果设置为0则暗示无限制

 

fileTypeDesc

 

‘All Files’

 

这个属性值必需设置fileTypeExts属性后才有效,用来设置选择文件对话框中的提示文本,如设置fileTypeDesc为“请选择rar doc pdf文件”

 

fileTypeExts

 

‘*.*’

 

设置可以选择的文件的类型,格局如:’*.doc;*.pdf;*.rar’   。

 

formData

   

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31410.html