当type=file的input框框的onchange事件===》》》post数据提交到隐藏的ifram(form表单的target指定)===》》》接收到post数据的直接 echo script标签来返回数据到前端页面并且赋值,然后存储图片路径也是用隐藏域实现: HTML:<!doctype html> <html> <include file="Public/head"/> <body> <include file="Public/nav"/> <iframe name="upload_url" style="display:none"></iframe> <div> <div class="wlog_t cf"> <b>写日志</b> </div> <div> <form id="myform" target="" enctype="multipart/form-data" action="" method="post"> <div> <textarea id="content" name="data[content]"></textarea> <input type="hidden" id="step" value="1" name="data[step]" /> </div> <div> <h2>选择装修阶段</h2> <b mine="1" style="line-height:20px;">准备开工</b> <b mine="2" >水电</b> <b mine="3">泥木</b> <b mine="4">油漆</b> <b mine="5">竣工</b> <b mine="6">软装</b> <!-- <input type="hidden" value="准备开工"> --> </div> <div class="wlog_f cf"> <h2><b>上传图片</b>选择装修过程中的照片,每张低于5M,支持JPG/JPEG/PNG格式,最多9张</h2> <div class="wlog_p cf"> <a href="javascript:;" rel="external nofollow" ><img src="__PUBLIC__/home/images/2016-10-29_231703.png" alt=""><input onchange="submitimg()" type="file" name="thumb"/></a> <div id="addimg"></div> <!-- <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> --> </div> </div> <div><input type="botton" onclick="return goods_form_submit()" readonly="readonly" value="发布日志"></div> </form> </div> </div> <include file="Public/footer"/> <script type="text/javascript"> function submitimg(){ $("#myform").attr('target','upload_url'); $("#myform").attr('action',"{:U('Journal/submitimg')}"); $("#myform").submit(); } function goods_form_submit() { if(!$('#content').val()){ alert('请填写日志'); return false; } $('#myform').attr('target',''); $('#myform').attr('action',''); $('#myform').submit(); } function callblack_img(path,uid) { var html=""; var dir = "{:C(FILE_PATH)}"; var html ='<b><img src='+dir+path+'><i>x</i><input type="hidden" value="'+path+'" name="thumb['+uid+']"></b>'; $('#addimg').append(html); } </script> <script type="text/javascript" src="__PUBLIC__/home/js/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="__PUBLIC__/home/js/basis.js"></script> <script> $(function(){ $('.wlog_r b').click(function(event) { $(this).addClass('cur').siblings('b').removeClass('cur'); $('.wlog_r input[type=hidden]').val($(this).text()); }); $("#addimg").delegate("i","click",function () { $(this).parent("b").remove(); }) }) $("b").click(function(){ var value =$(this).attr('mine'); $("#step").val(value); }) </script> </body> </html> 控制器(返回被选中的图片(已经上传)在服务器之中的路径): public function submitimg(){ if(IS_POST){ $data = I('post.data');//获取post数据 $res = fab_upload($_FILES);//上传文件 $uid=uniqid(); $res=$res['thumb']; if($res){ echo "<script>parent.callblack_img('{$res}','{$uid}');</script>"; } } } 真正的最后接收表单数据并且存入数据库的函数: public function add_journal(){ if(IS_POST){ var_dump($_POST);die; }else{ $this->display(); } } |
免责声明:本站部分文章和图片均来自用户投稿和网络收集,旨在传播知识,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系我们及时修正或删除。谢谢!
始终以前瞻性的眼光聚焦站长、创业、互联网等领域,为您提供最新最全的互联网资讯,帮助站长转型升级,为互联网创业者提供更加优质的创业信息和品牌营销服务,与站长一起进步!让互联网创业者不再孤独!
扫一扫,关注站长网微信
答:不够 vivopad28+128大多数情况下是不够用的。 如果说你不玩游戏的话,只用于学习或者日常刷刷视频看看电视什么的是够的。 vivopad2多大的够用: 一般来说8 ......
方法一: 直接按住“alt+f4”强制关闭。 方法二: 1、按住“ctrl+shift+esc”进入任务管理器。 2、然后点击选择需要关闭的应用。 3、左下角点击结束任务就 ......
方法一: 1、找到“开始”菜单。 2、然后右键就可以找到“设备管理器”了。 方法二: 1、我们可以点击“开始”菜单。 2、然后点击“设置”。 3、接着找到“ ......
1、首先我们打开电脑的“设置”。 2、然后点击“Windows更新”。 3、接着选择“高级选项”。 4、进去之后选择“恢复”。 5、然后就可以看到“返回”了,点击 ......
答:回退win10。 1、win11系统本身就不适配英灵殿,所以不管怎么更改设置都是没有用的,只能回退系统。 2、如果大家不知道怎么回退,可以先在开始菜单中找到“设 ......
答:win11硬盘格式mbr和guid都可以。 其实使用mbr格式和guid模式都可以安装win11。 不过这两个格式在安装和使用方面有一些不同。 win11硬盘格式mbr和guid区别 一 ......
方法一: 我们直接将鼠标移到原本任务栏的位置就会自动唤起了。 方法二: 按住键盘的win键,唤醒任务栏。 方法三: 1、首先右键桌面,然后点击“个性化”。 ......
答:AMOLED屏幕 小米平板6pro采用的是一块10.8英寸的amoled屏幕。 屏幕分辨率为2560x1600,色彩显示十分的出众而且色彩鲜艳,清晰度高。 小米平板6pro其他介绍 ......
1、首先我们点击“win+i”进入设置,然后点击系统。 2、接着我们选择“恢复”。 3、然后选择“高级启动”。 4、重新启动之后我们选择疑难解答。 5、然后选择 ......
1、首先点击下方的Windows按钮打开开始菜单。 2、然后进入开始菜单中的系统设置。 3、在系统设置中找到“电源”并进入。 4、展开屏幕和睡眠,在其中就可以设 ......
答:能正常使用 一般来说win11跳过联网是可以正常进行使用的。 我们可以通过不联网来查看电脑的配件,要是配件不正确可以直接退换。 win11如何联网: 1、首先 ......
6月6日消息,小鹏汽车官方发文表示:林志颖成为小鹏G6品牌智友,新鹏友,新体验,新旅程。小鹏汽车创始人何小鹏,转发相关视频并表示欢迎。据悉,这也是林志颖在 ......
方法一: 1、首先我们点击win+i进入设置,点击左侧的Windows更新。 2、然后点击高级选项。 3、接着点击“可选更新”。 4、然后点击“驱动程序更新”,更新完 ......
1、首先我们右键点击电脑,然后点击“管理”。 2、然后点击“磁盘管理”。 3、接着我们选择一个要进行分区的磁盘。 4、右键这个磁盘,选择“压缩卷”。 5、 ......
6月6日消息,今天凌晨,苹果带来了堪称“划时代”的MR头显新品:Vision Pro。据悉,Vision Pro将搭载新的visionOS操作系统,开发者需要基于新系统,专门为头显推 ......
1、首先我们按住键盘的“win+i”进入设置。 2、然后点击“个性化”。 3、接着选择“任务栏”。 4、进入之后就可以看到开关了。 5、将其关闭之后就看不到了。...
影响关键词排名的因素非常多,毕竟SEO优化涉及很多方面的细节。 需要做好网站结构优化、内容优化、图片优化、代码优化等等,做好这些基础优化工作之后,还要进行 ......
如今,网站已经成为企业最重要的营销手段之一,企业要想利用网站获得更好的推广效果,就需要合理使用各种营销手段SEO方法,还需要了解SEO,只有这样,网站才能在 ......
6月6日消息,今天凌晨的发布会上,苹果发布了传闻已久的MR混合现实头显Vision Pro,售价高达3499美元,人民币要2.5万元了,可以说是苹果起价最高的产品了,比Mac ......
答:不支持 vivopad2是不支持插卡的,只支持wifi模式。 而且一般来说我们都是在家里使用wifi而且就算在外面也有手机,所以无伤大雅。 vivopad2支持内存卡吗: ......
6月6日消息,日前浙江金华的应同学心疼爸爸喝酒后摔伤,在爸爸朋友圈发长文拜托爸爸的朋友们吃饭时不要劝酒一事引起网络关注,也再次将酗酒危害摆到了台面上。这 ......
随着时代的快速发展,互联网推广早已经成为了最重要的营销手段之一了,对于企业来说,想要获得更好的推广宣传效果,就需要合理的使用各种各样的营销方式,只有这 ......
搜索引擎优化 (SEO) 是将网站排名提升到搜索引擎页面顶部的一系列步骤和策略。SEO的目的是为了增加网站的流量、知名度和销售量等。下面介绍最常用的几种SEO网站 ......
1、首先我们点击桌面下方任务栏中的搜索按钮。 2、接着在其中搜索并打开“设备管理器” 3、接着在设备管理器中找到蓝牙驱动,右键打开“属性” 4、打开属性之 ......
答:2399元 vivopad2最基础的只需要2399元就可以拿下了。 如果说是要购买内存大一点的话价格也需要往上增加300元。 各个类型的vivopad2的价位: 1、vivo Pad 2 ......
1、首先我们点击桌面右下角的网络图标。 2、然后在其中可以看到wifi图标,点击它右侧的箭头展开菜单。 3、然后在右侧的wifi连接列表中找到我们想要连接的wifi ......
在互联网的时代中,想要利用网站推广来获得更好的宣传效果,就需要给网站做SEO优化,只有这样才能让网站在搜索引擎中获得良好排名,从而也就会有更多的用户了解 ......
答:十分流畅 vivopad2打游戏十分的流畅,因为使用的处理器为天玑9000。 基本上就是说可以带动绝大部分的游戏,不过玩久了也还是会发热卡顿。 玩原神怎么样: ......