当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(); } } |
免责声明:本站部分文章和图片均来自用户投稿和网络收集,旨在传播知识,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系我们及时修正或删除。谢谢!
始终以前瞻性的眼光聚焦站长、创业、互联网等领域,为您提供最新最全的互联网资讯,帮助站长转型升级,为互联网创业者提供更加优质的创业信息和品牌营销服务,与站长一起进步!让互联网创业者不再孤独!
扫一扫,关注站长网微信
此前,腾讯宣布将推出基于NT架构的新版Windows QQ。今天,腾讯正式发布了新版Windows QQ的首个公测版,面向此前报名公测,并获得资格的用户开放下载。新Windows ......
microsoft visual c++可以卸载吗 答:microsoft visual c++可以卸载,可以删除,但是不建议卸载。 请注意:许多程序需要运行MicrosoftVisualC++库才能正常 ......
2016年12月新海诚导演的动画电影《你的名字。》在国内上映,首日就拿下了7629.53万票房。今天,新海诚的新作《铃芽之旅》在国内上映,截止本文成稿,首日票房成 ......
3月23日,华为举办2023春季新品发布会,推出了全新的P60系列旗舰机、Mate X3折叠机等产品,凭借在设计、影像等多方面的独特创新,再度引发热潮。尤其是在如此艰 ......
以ChatGPT为代表的生成式AI火爆全球,最新的GPT-4大模型又进一步提升了ChatGPT的能力,国内有多家公司都在对标ChatGPT,然而发布出来的产品被指差距极大,360创 ......
1、电脑下载安装巨应动态壁纸软件,2、打开电脑左下角图标,3、在展开的选项中可以看见我们下载过的全部应用,下滑就找到“巨应动态壁纸”软件了。总的来说,虽 ......
3月25日,中国计算机学会(以下简称CCF)与钉钉达成合作,联合发布了CCF的数字化平台——CCFLink。CCF上线专属钉钉,这是CCF提升数字化水平,探索全新会员服务模 ......
win10时间显示到秒怎么设置:1、首先按下【Win+R】打开执行,键入:【regedit】打开注册表编辑器。2、然后依次展开文件夹:【HKEY_CURRENT_USERSOFTWAREMicros ......
中新网3月25日电 近日,市场监管总局公布了《互联网广告管理办法》,《办法》将于5月1日起施行。《办法》进一步明确了广告主、互联网广告经营者和发布者、互联网 ......
3月23日,微软面向Dev通道的Insider会员推送了Windows 11新预览版Build 23419。比较良心的是,微软同时放出了该版本的ISO镜像(需会员用户下载),方便有需求的 ......
3月25日消息,博主厂长是关同学爆料,华为nova 11已经开始测试了,芯片是高通骁龙8+高配版,这意味着nova 11系列将会拥有比肩华为Mate以及P系列的强悍性能。前面 ......
1、首先点击左下角开始,然后进入设置。2、在设置中点击“账户”。3、随后点击左侧的“登录选项”。4、在右边点击密码,随后选择“更改”。5、进入密码界面之后 ......
《暗黑破坏神4》现已再次进入公测。最近有媒体将本作的角色与前作进行了对比,一起来看一下时隔11年之后有哪些进化吧。从图片可以看到,《暗黑破坏神4》的角色模 ......
3月25日消息,AOC新款AG455UCX带鱼屏显示器已经上架,售价为9999元。据了解,这款显示器采用了44.5英寸VA面板,分辨率为5120x1440,支持165Hz高刷,400 nit亮度 ......
近日,支付宝首页新增了“看一看”卡片,用户点击后会跳转至生活频道播放视频,同时支持在视频边栏一键“回首页”。不少网友在评论区留言:自己只是来还款、养鸡 ......
3月25日-4月7日,抖音电商将推出“抖音电商春茶季”活动,充分利用优质资源,结合各地春茶上新节点,挖掘各区域产地名片特色,通过达人短视频挑战赛、春茶季用户 ......
每次特斯拉出事故,总会引起强烈的关注,这其中最大的争议莫过于“刹车失灵”,有网友认为特斯拉之所以刹不住,是因为使用了电脑控制,而软件是会出问题的,那么 ......
答:台式电脑可以连wifi的。但是需要保证电脑里有无线网卡,没有的话就要买一个外接的usb无线网卡。1、如果我们电脑有无线网卡,那么只要点击右下角“网络图标” ......
方法一:英雄联盟文件夹下有个LeagueClient文件夹,里面有个GameLoader.exe文件,把它改成任意一个文件名就可以了。我改成了GameLoader1.exe就可以进入游戏了。 ......
电脑硬盘如果故障了,很可能导致电脑存储空间消失,数据丢失,甚至是完全无法启动,那么电脑硬盘故障怎么修复呢,其实不同的故障有不同的修复方法。电脑硬盘故障 ......
都2023年了小编还在科普机械硬盘知识?尤其是近期固态硬盘下跌的非常厉害,机械硬盘确实没啥活路,但就日常体验来说,机械硬盘仍然有固态硬盘无法取代的价值。所 ......
我们在淘宝平台购物的时候,经常会看到淘宝天天特卖工厂店排名比较靠前,而且商品的价格要比别的店铺价格要便宜很多。大家在这里购物的时候,有什么问题可以联系 ......
重装系统或者重置可以让你获得全新的系统,当然你也可以重置保留原有文件!1、打开win10开始菜单,点击“设置”选项;2、打开系统设置后,点击“更新和安全”选项 ......
国内老年代步车可以说奇葩中的战斗机,基本上市面那些热销的车型,都能在它们手里产出对应的产品,不过若是碰到较真的主,老年代步车厂商毫无胜算。近日消息,经 ......
1、首先右击左下角开始,然后去选择“windows powershell(管理员)”。2、之后输入:DISM /Online /Cleanup-image /RestoreHealth并回车。3、此时会自动进行操 ......
1、停止非核心的程序运作(包括第三方杀毒、优化软体)2、情况允许的话,卸载设备中的第三方杀毒、管家、优化软件3、同时按“win+r”,输入“msconfig”,按回车 ......
方法一:1、在Cortana程序中搜索控制面板。2、点击打开控制面板并搜索“防火墙”3、单机Windows defender 防火请,之后点击启用或关闭Windows defender防火墙。4 ......
《生化危机4:重制版》目前已经正式发售,卡普空官方今日发文回应PS5版游戏中出现的光线闪烁问题。卡普空表示,在PS5版《生化危机4:重制版》里,有一部分的设定 ......
3月25日消息,戴尔发布了新款Precision 7680/7780移动工作站,搭载13代酷睿HX系列处理器和英伟达新款RTX Ada专业显卡。据介绍,这两款型号都可以选Intel酷睿i9-1 ......
今年1月15日,根据刘慈欣同名小说改编的电视剧《三体》在腾讯视频、CCTV-8电视剧频道上线开播,就口碑来看,网上对该剧的评价大多都是好评,尤其是让人意外的较 ......