????????在項(xiàng)目中存在多個(gè)地方需要上傳文件到服務(wù)器，如果不對文件的大小進(jìn)行限制，就會發(fā)送不可預(yù)知的異常，嚴(yán)重的情況下會耗盡服務(wù)器資源導(dǎo)致宕機(jī)，所以對文件的大小進(jìn)行限制是必要的。文章來源：http://www.zghlxwxcb.cn/news/detail-804201.html
? ? ? ? 限制文件大小，可以再后端處理，也可以再容器的配置上處理，再spring配置是很方便的，但是如果可以再js曾就限制的話，根本不需要請求到后臺，完全不需要浪費(fèi)服務(wù)器資源，其實(shí)這個(gè)功能用js代碼就可以實(shí)現(xiàn)，代碼如下：文章來源地址http://www.zghlxwxcb.cn/news/detail-804201.html
var attachmentsPath = form.findField('attachmentsPath').getValue();
if (Ext.isEmpty(attachmentsPath)) {
Ext.Msg.alert('提示', '請先選擇需要上傳的附件！');
return false;
}
if (attachmentsPath.indexOf('fakepath') === -1) {
Ext.Msg.alert('提示', '不需要重復(fù)上傳！');
return false;
}
var field = document.getElementById('file');
//取控件中的input元素
var inputs = field.getElementsByTagName('input');
var fileInput = null;
var il = inputs.length;
//取出input 類型為file的元素
for (var i = 0; i < il; i++) {
if (inputs[i].type === 'file') {
fileInput = inputs[i];
break;
}
}
if (fileInput != null) {
var fileSize = _this.getFileSize(fileInput);
//允許上傳不大于30M的文件
if (fileSize > 1024 * 30) {
Ext.Msg.alert('提示', '上傳附件不能大于30M！');
return;
}
}
//計(jì)算文件大小，返回文件大小值，單位K
getFileSize: function (target) {
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var fs = 0;
if (isIE && !target.files) {
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile(filePath);
fs = file.Size;
} else if (target.files && target.files.length > 0) {
fs = target.files[0].size;
} else {
fs = 0;
}
if (fs > 0) {
fs = fs / 1024;
}
return fs;
},到了這里，關(guān)于前端文件上傳，文件大小限制的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
