jQuery实现文件上传大小限制
生活随笔
收集整理的這篇文章主要介紹了
jQuery实现文件上传大小限制
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
上傳是使用FormData對象來實(shí)現(xiàn)，利用files[0].size屬性來獲取文件的大小，進(jìn)行上傳限制。?
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>test</title><script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script> </head> <body><form id="uploadForm" enctype="multipart/form-data"><input id="file" type="file" name="file"/><button id="upload" type="button">上傳</button></form><script>var maxSize = 1000;//文件上傳大小限制$('#upload').click(function(){var size = document.getElementById('file').files[0].size;var filesize = (size / 1024).toFixed(2);if(filesize < maxSize){$.ajax({url: '/upload',type: 'POST',cache: false,data: new FormData($('#uploadForm')[0]),processData: false,contentType: false}).done(function(res) {alert('上傳文件成功');}).fail(function(res) {alert('上傳文件失敗');}); }else{alert('上傳文件不許大于' + maxSize + 'KB');} });</script> </body> </html>?
總結(jié)
以上是生活随笔為你收集整理的jQuery实现文件上传大小限制的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： LETO纯相位空间光调制器
- 下一篇： 计算机辅助药物设计 中药,计算机辅助药物