在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回调,动态显示图片的功能,基本的思想就是这样,主要代码也再上面,相比较一些异步上传的插件,有点投机取巧的样子。但是我主要想说的是对自己要有信心,当我做这个功能的时候也感觉非常困惑,但是只要你能向到,一般就能做到,别人能实现的,咱们就可以实现。希望可以对大家有所帮助,同时有不足之处,或者好的办法也希望能与大家沟通整体效果如下:
分享到:
相关推荐
php上传文件大小限制的解决办法。各种方法的总结。
在ThinkPHP中,要实现文件的上传,在编写代码时要知道如何配置
之前的thinkphp3.2.2上传多张图片功能在thinkphp3.2.3上实现
终于不要ajax 就可以上传预览图片了,不占资源,自由提交才上传文件
thinkphp3.2 webuploader较大视频文件分段上传方法demo,大视频分段上传,上传完成后又将分段视频合并成一个视频文件。
thinkphp5 实现pdf的下载和excel的上传和下载demo 下载并解压到你配置好的虚拟主机项目目录下即可
thinkphp jquery图片上传,可以一次上传多张或单张。使用file上传,不用flash上传避免了浏览器不支持flash插件。已做功能有,图片删除,移动。可以设置图片上传大小。代码已经调试,可以直接使用。
使用Thinkphp3.2进行多文件上传下载管理.上传类型无限制,
thinkphp实现图片上传实时显示和裁剪
thinkphp + flash上传头像剪裁预览组件
文件上传插件
thinkphp3.2.3+jquery.form.js上传单张图片或头像,上传完可无刷新预览
ThinkPHP3.1.3图片上传实例,将上传和缩略图处理扩展放在TP核心中,直接覆盖压缩包中的ThinkPHP即可, 2、下载jquery.uploadify插件 即文件包中的.
thinkphp 多图片上传,违禁词禁用,违禁词自定义,前端,jQuery图片批量上传支持多图片上传预览插件
thinkphp开发图片上传,图片异步上传是目前比较方便的功能,这里我就不写css文件了,将代码写出来。引入核心文件下载https://github.com/carlcarl/A… HTML 下面首先在html页面引入相关js资源 <!DOCTYPE html> ...
这是一个ThinkPHP和Jquery的手册,直接下载解压就可以用了
十分不错的。好用的不得了
运用ThinkPHP技术进行上传,上传后可对指定的文件进行物理删除和删除数据库中的指定的名称
主要介绍了thinkPHP3.2简单实现文件上传的方法,重点介绍了thinkPHP实现文件上传功能的控制器文件相关技巧,需要的朋友可以参考下