js在客户端控制上传图片的大小
来源:互联网 发布:apache启动后立即停止 编辑:程序博客网 时间:2024/05/28 06:08
<form action='' method='post' enctype='multipart/form-data'> <input id='hsize' type='hidden' name='MAX_FILE_SIZE' value='100' /> 上传<input type='file' name='log' onchange="chuang(this)" /> <input type='submit' value='提交' /> </form><script> var hsize = document.getElementById('hsize').value;//限制的大小 function chuang(a) { var size = a.files[0].size ; if(size >= hsize ) { alert('图片大小:'+size + '规定大小:'+hsize); alert('注意!图片大小应在10k以下'); } else { alert('图片大小合格!'); } }</script>
注意:
上传文件的表单使用post方式,并且要在form中添加enctype='multipart/form-data'。
一般可以加上隐藏域:<input type=hidden name='MAX_FILE_SIZE' value=dddddd>,位置在file域前面。value的值是上传文件的客户端字节限制。可以避免用户在花时间等待上传大文件之后才发现文件过大上传失败的麻烦。
使用file文件域来选择要上传的文件,当点击提交按钮之后,文件会被上传到服务器中的临时目录,在脚本运行结束时会被销毁,所以应该在脚本结束之前,将其移动到服务器上的某个目录下,可以通过函数move_uploaded_file()来移动临时文件,要获取临时文件的信息,使用$_FILES。
限制上传文件大小的因素有:
1)客户端的隐藏域MAX_FILE_SIZE的数值(可以被绕开)。
2)服务器端的upload_max_filesize,post_max_size和memory_limit。这几项不能够用脚本来设置。
3)自定义文件大小限制逻辑。即使服务器的限制是能自己决定,也会有需要个别考虑的情况。所以这个限制方式经常是必要的。
0 0
- js在客户端控制上传图片的大小
- 在客户端获取上传图片的大小
- 控制上传图片的大小
- 在客户端限制上传图片的容量大小
- 控制图片上传大小
- js在上传图片前判断大小
- js在上传图片前判断大小
- js在上传图片前判断大小
- js在上传图片前判断大小
- 图片显示大小的客户端控制
- js控制上传文件的大小
- 图片上传,js控制后缀名,大小及在线浏览
- JS取得上传图片的大小
- js如何获取上传图片的大小
- js如何获取上传图片的大小
- js 可以控制图片的大小
- js控制图片显示的大小
- js控制不同设备图片的大小
- 系统之间数据抽取的解决方案
- Android Studio 删除行的快捷键
- 90后少年每天抓板引围观
- VOIP研究系列1 ------ VOIP(Voice over Internet Protocol) 是什么 ?
- SOA
- js在客户端控制上传图片的大小
- 初步探究ES6之Proxy代理
- 空间分配担保
- 大棋局:泛亚主义与20世纪远东
- 几款开源的图形化Redis客户端管理软件推荐
- 加速Android打开时间
- Android AutoLayout全新的适配方式 堪称适配终结者
- 剑指offer之旋转数组中的最小值
- 06-图1 列出连通集