Yii 在iframe中预览form提交的图片…
来源:互联网 发布:java log4j使用 编辑:程序博客网 时间:2024/05/21 12:40
在网页上给手机网页修改一些图片,并且在网上能够尽可能的预览手机上变换图片后的效果,预览之后也可以保存图片。为了尽量逼真手机效果,所以在页面中使用一个iframe,src就是手机上可以看到的相似的页面。
方法就是:
- 在网页中加入一个iframe,src="portal/preview",portal是controller,preview是view。在preview中显示图片
- 加入一个form,form原来的action是处理保存图片的路由"portal/design",form的"enctype"一定要设为"multipart/form-data"
以及多个input的"file"元素,用来选择图片
需求:
- 选择文件后,iframe中直接看到预览的图片效果
在file的onchang事件触发,图片开始上传到一个预览的临时文件夹下,但是:
- ajax中不允许上传文件,原来form的action是保存图片的路由,所以可以直接改变form提交的action为iframe的src,也就是"portal/preview"。这样iframe接受提交后也会自动刷新。
- 在portal中的"actionPreview"中renderPartial的就是预览preview的视图,但是在默认情况下,每次处理完预览图片后,页面会打开一个新的,而不是刷新iframe,所以要添加一个"target":"myframe"
- jQuery提交form使用代码$("#fileForm").submit();
0 0
- Yii 在iframe中预览form提交的图片…
- 获取iFrame框架中Form表单提交后的结果
- 关于extjs中form中嵌套iframe中含form的提交问题
- yii form 表单提交之前JS在提交按钮的验证
- form提交 target为iframe的应用。
- IE下使用form表单提交到iframe中出现的重复提交问题
- 在form中提交list
- iframe中通过form提交动态加载页面
- 在浏览器中预览图片
- 在浏览器中预览图片
- 在JS中写form表单的提交与判断
- form中采用图片作为提交按钮
- jquery下控制iframe页面form提交的问题备忘
- 在html页面中预览图片获取本地的绝对路径
- iframe 前端 图片预览等
- from表单传值到页面,并在iframe中显示该页面,通过form的target属性指定iframe
- 在outlook2003中预览附件图片
- 在arcengine中实现图片预览
- 第12周项目射击比赛
- editplus中配置python环境
- hadoop搭建记录
- NoSQL架构实践(三)——以NoSQL为缓存
- 实用ZendStudio 快捷键
- Yii 在iframe中预览form提交的图片…
- 关于Yii框架各个目录或者文件的作…
- Yii 用户登录验证
- RHEL/CentOS/Fedora各种源(EPEL、Remi、RPMForge、RPMFusion)配置
- 利用sslstrip和ettercap突破ssl嗅探密码
- Object-c提供基本数据类型
- 寒铁火铜人
- 国内的rhel,fc,centos系列yum源配置
- 设计模式分类