iframe 无刷新上传图片以及返回值

最新推荐文章于 2025-08-13 20:25:32 发布

转载最新推荐文章于 2025-08-13 20:25:32 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/576119/blog/481346

文章标签：

#php #python #javascript #ViewUI

本文介绍了一种使用PHP进行图片上传的方法，并展示了如何在前端显示已上传的图片。此外，还实现了图片信息传递到父窗口的功能，以便进一步处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

后台php代码返回获取内容的值

$imginfo = $upload->getUploadFileInfo ();
			$wall_img = $imginfo [0] ['savepath'] . $imginfo [0] ['savename'];
			$array=array(
				'wall_img'=>$wall_img,
			);
			echo '<script type="text/javascript">  
					window.parent.setVal("'.$wall_img.'");
					</script> ';

在前端

 <iframe name="ajaxUpload" style="display:none" id="pic_url"></iframe>

                            
                            <form name="from1" id="from1" method="post" action="index.php?g=Wap&m=Store&a=put_wall_img"  enctype="multipart/form-data" target="ajaxUpload"> 
                            <input type="button" data-inline="true" value="&nbsp;&nbsp;上传图片&nbsp;&nbsp;"  onclick='file_upload.click();'>
                            <input type="file"  value="&nbsp;&nbsp;上传图片&nbsp;&nbsp;"  name="file_upload" id="file_upload" style="display:none" data-role="none">
                            </form>

JS代码处理

$("#file_upload").change(function(){
		$("#from1").submit();	
		setTimeout('goto_bottom()', 500) ;
	});
	function setVal(val){
		 var $li = $(
		    		'<div class="content_one"><img src="'+$('#img1').val()+'" class="content_one1"><div style="position:relative; overflow:hidden;"><img src="" id="pic_wall_list" style="max-width:50%; border:#CCC 1px solid; margin-left:3%"><input data-role="none" type="button" value="点击发送图片" class="content_send"></div> </div>'
		            ),
		     $img = $li.find('#pic_wall_list');
		    // $list为容器jQuery实例
		    $('.msg').append($li);
		    $img.attr( 'src', val );
		    $li.find(".content_send").click(function(){
				var _this=this;
				$.ajax({
					url:"index.php?g=Wap&m=Store&a=do_put_wall_img",
					type:"post",
					dataType:"json",
					data:"pic_url="+val,
					success:function(data){
						if(data=="success"){
							$(_this).val("发送成功");
							$(_this).css('color','green');
							$(_this).unbind("click"); 
						}
					}
				});
		});
	}

转载于:https://my.oschina.net/u/576119/blog/481346