jquery 判断当前上传文件大小限制上传格式 搭配thinkphp实现上传即预览（模拟异步上传）
2024-09-25 14:33:33
在web开发中，最纠结的一项就是文件上传，最近由于项目需要前后摸索了四天在这里分享给大家。如有不足，望指出！！
前台：jquery、easyui、html
后台：thinkphp
主要涉及语言：jquery，php
效果图如下：
及时上传主要思想：
在一个隐藏的div层中嵌入（iframe）上传页面，然后在单机照片框的时候，调用js文件中的函数，显示隐藏层（我这里用的是一个easyui的dialog控件），在嵌入的子页面的上传控件（file控件）上绑定一个change事件，并将自身作为参数传递过去（ <input id="file_upload" name="file_upload" type="file" multiple="true" onchange="parent.changeImg(this)"/>）在函数中验证其符不符合规则（类型，大小）；
提交后反馈文件的保持路径
具体js中的验证以及动态加载图片
这三个函数分别是验证，判断，和后台php回调，动态显示图片的功能，基本的思想就是这样，主要代码也再上面，相比较一些异步上传的插件，有点投机取巧的样子。但是我主要想说的是对自己要有信心，当我做这个功能的时候也感觉非常困惑，但是只要你能向到，一般就能做到，别人能实现的，咱们就可以实现。希望可以对大家有所帮助，同时有不足之处，或者好的办法也希望能与大家沟通整体效果如下：
最新文章
- java内存分析
- .NET开发 正则表达式中的 Bug
- SVN使用（一）
- 字符串和date之间的相互转换方法
- 【Linux高频命令专题(19)】vi/vim
- Centos搭建nginx环境,编译,添加服务,开机启动。
- 迭代器模式(Iterator Pattern)
- HDU_2040——判断亲和数
- Bigcommerce：安装的出错解决方案
- 解决没有X11/Xlib.h 的错误
- 使用CodeDOM动态编译一个字符串表达式
- MySQL数据库操作类(PHP实现，支持连贯操作)
- java加密算法AES与RSA
- 基于Ardalis.GuardClauses守卫组件的拓展
- 基于Cesium的demo赏析
- Linux下Memcached安装与启用
- 初探angular2
- GROUP BY 和 ORDER BY 同时使用问题
- Ubuntu软件操作的相关命令
- TCP/IP option data aligement issue cause system broken