`
zengweigang
  • 浏览: 12188 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript 监测(控制 )上传文件大小

阅读更多
<script language="javascript">
var oForm = new Object();
var oImage = new Image();
oImage.attachEvent('onload',getSize);
oImage.attachEvent('onerror',doWithError);
function checkImage(obj){
    oForm = obj;
    oImage.src = oForm.oFile.value;
}
function getSize(){
    var oImgSize = Math.floor(oImage.fileSize/1024);
    if(oImgSize>200){
        window.alert('不允许上传大于200KB的图片!');
        oForm.reset();
    }
}
function doWithError(){
    window.alert('出现错误:请重新选择图片上传!');
    oForm.reset();
}
</script>
 
<form name="data_form" method="post" enctype="multipart/form-data"> 
   <input type="file" name="oFile" onpropertychange="javascript:checkImage(document.data_form);">
</form>
 
分享到:
评论

相关推荐

    JavaScript检测上传文件大小的方法

    本文实例讲述了JavaScript检测上传文件大小的方法。分享给大家供大家参考。具体如下: 通过JS客户端代码限制用户上传文件的大小,但是客户端的验证只是辅助的,服务器端一定还要再做验证 &lt;!DOCTYPE ...

    js结合commons-fileupload实现带进度条的文件上传

    在文件上传场景中,JavaScript主要用于处理用户选择的文件,监测上传进度,并与服务器进行交互。 Apache Commons FileUpload是Java的一个库,它提供了处理HTTP请求中多部分内容(通常用于文件上传)的能力。虽然它...

    fileupload插件 上传文件自带进度条

    同时,还可以设定文件大小限制,防止大文件上传导致服务器压力过大或者用户等待时间过长,优化服务性能和用户体验。 在实现这一功能时,fileupload插件通常会结合后端服务器进行交互。前端通过Ajax异步请求发送文件...

    ASP.NET上传进度条大文件

    使用jQuery的`FormData`对象和`XMLHttpRequest`的`onprogress`事件,可以在客户端监测上传进度。创建一个HTML表单,包含文件输入控件和进度条元素,然后编写JavaScript代码来监听上传进度,并更新进度条的值。 2. ...

    IE 6文件上传慢终极解决方案

    3. **前端优化**:使用JavaScript监测文件大小,对超过一定限制的大文件进行分割,然后逐块上传。 4. **分块上传处理**:服务器端需支持接收和合并分块上传的文件,这可能需要修改现有的文件处理逻辑。 5. **进度...

    带进度条的大文件上传工程

    例如,只有经过身份验证的用户才能上传文件,且可能需要限制他们可以上传到的目录或文件大小。这可能需要结合Spring Security或其他类似的框架来实现。 总的来说,这个“带进度条的大文件上传工程”涵盖了文件分块...

    通用的上传文件详细操作

    通常,服务器会返回部分响应,包含已上传的文件大小。前端根据这部分信息更新进度条。为了实现这一功能,可能需要自定义HTTP头或使用WebSocket进行实时通信。 6. **安全性考虑**: 文件上传必须考虑到安全问题,...

    java web 文件上传进度条源码

    计算已用时间和剩余时间通常涉及到对总文件大小的了解,以及监测每秒上传的数据量。 5. **Ajax异步上传**: 为了实时更新进度条,通常使用Ajax异步上传文件。这种方式允许在不刷新整个页面的情况下与服务器交换...

    仿163网盘无刷新文件上传程序源码

    为了防止恶意文件上传,需要在服务器端进行文件类型检查,限制文件大小,甚至进行文件内容的安全扫描。 6. 跨域上传:为了使文件上传不受同源策略限制,可能需要实现CORS(跨源资源共享)配置,允许来自不同域名的...

    ASP.NET 2.0 AJAX +CSS 进度条 自己做的文件上传控件 改进版

    6. **安全性考虑**:在实现文件上传功能时,还需要考虑一些安全问题,比如防止文件注入攻击、限制文件类型和大小,以及对上传文件的权限管理等。 7. **错误处理**:良好的错误处理机制是不可或缺的,包括客户端和...

    用于web开发的文件上传的多种实现.docx

    5. **监测上传进度**: `XMLHttpRequest`提供了`upload`对象的`onprogress`事件,用于监听上传进度。事件处理函数中,可以通过`event.loaded`和`event.total`计算上传进度。但需要注意,这两个值可能未定义,因此应...

    ASP.NET-[上传下载]中国站长CNZZ.CN下载管理系统2007.zip

    文件上传完成后,服务器端需要处理文件,如保存到指定目录、验证文件类型和大小等。 2. 文件下载功能: 文件下载则涉及将服务器上的文件发送到客户端。ASP.NET可以通过HttpResponse对象的WriteFile方法来实现。在...

    带进度条的批量上传程序

    对于图片,可能涉及到压缩、格式转换等处理,例如使用PIL(Python Imaging Library)或sharp(Node.js的图像处理库)来预处理图片,减小文件大小,加快上传速度。 此外,考虑到网络环境的不稳定,程序可能还需要...

    WordPress自适应图片模板:Reeoo-V3 v3.zip

    1. 安装:将模板文件上传至WordPress的主题文件夹,然后在后台激活该主题。 2. 配置:在WordPress的设置中,可能需要调整图片大小设置,以配合模板的需求。 3. 兼容性:确保你的WordPress版本与模板兼容,避免出现...

    Laravel开发-minify

    在前端开发中,未经压缩的CSS和JS文件往往包含大量空格、换行符和注释,这些在编译后的代码中并不影响功能,但却会增加文件大小,导致页面加载时间延长。Minification(压缩)是解决这个问题的一种方法,它通过删除...

    前端学生作业毕设实训素材-环保环境检测服务机构类模板(带手机端).rar

    8. **用户交互**:`uploads` 和 `member` 文件夹表明需要实现用户上传和会员功能,涉及到表单提交、权限控制等。 9. **安全性**:考虑如何保护用户数据,防止 SQL 注入、XSS 攻击等,这在任何网站开发中都是必不可...

    file-uploader

    文件上传可能涉及的安全问题包括文件类型检查、大小限制和防止路径遍历攻击。项目中应确保这些措施得以实施,以保护服务器不受恶意文件的影响。 9. **响应式设计**: 考虑到用户可能在不同设备上访问,良好的文件...

    Network-Security-Devices

    7. **安全的文件上传**:JavaScript可以限制用户上传的文件类型和大小,防止恶意文件(如病毒或木马)的上传和传播。 8. **HTTPS与TLS**:JavaScript可以通过Web API来检测和强制实施HTTPS连接,确保数据传输的安全...

    Laravel开发-laravel-optimize-images .zip

    - 图片裁剪与缩放:使用`Intervention Image`库,它提供了丰富的图像操作功能,包括裁剪、调整尺寸、水印等,可以实现上传时自动调整图片大小以适应不同展示需求。 - 图片响应式:利用HTML5的`&lt;picture&gt;`元素和`...

    移动端图片优化组件

    3. **图片压缩**:在上传或显示图片之前,先对其进行压缩,减小文件大小。压缩算法会尽可能地保持图片质量,同时降低其占用的空间。 4. **格式转换**:支持WebP等高效图片格式,相比JPEG和PNG,它们能提供更好的...

Global site tag (gtag.js) - Google Analytics