javascript - iframe上传图片返回地址-PHPチュートリアル-php.cn

javascript - iframe上传图片返回地址

WBOY

リリース： 2016-06-06 20:10:41

オリジナル

1322 人が閲覧しました

我打算把图片上传成功后拼凑一个img标签，然后把标签写到父级页面的id为photo内容中去。

这是父级页面：

<code><span id="photo"></span></code>

ログイン後にコピー

php上传成功后的代码：

<code>           if(move_uploaded_file($tmp, $path.$dir.$image_name)){
                $src = "<img  src="%7B%24path%7D%7B%24dir%7D%7B%24image_name%7D" alt="javascript - iframe上传图片返回地址" >";
                //$src = 1;
                echo "<script>parent.document.getElementById('photo').innerHTML = \"$src\";</script>";
            }else{
                echo alert('上传失败');history.go(-1)
EOT;
            }
            exit;</code>

ログイン後にコピー

浏览器报错如下:Uncaught SyntaxError: Unexpected token ILLEGAL
javascript - iframe上传图片返回地址

回复内容：

我打算把图片上传成功后拼凑一个img标签，然后把标签写到父级页面的id为photo内容中去。

这是父级页面：

<code><span id="photo"></span></code>

ログイン後にコピー

php上传成功后的代码：

<code>           if(move_uploaded_file($tmp, $path.$dir.$image_name)){
                $src = "<img  src="%7B%24path%7D%7B%24dir%7D%7B%24image_name%7D" alt="javascript - iframe上传图片返回地址" >";
                //$src = 1;
                echo "<script>parent.document.getElementById('photo').innerHTML = \"$src\";</script>";
            }else{
                echo alert('上传失败');history.go(-1)
EOT;
            }
            exit;</code>

ログイン後にコピー

浏览器报错如下:Uncaught SyntaxError: Unexpected token ILLEGAL
javascript - iframe上传图片返回地址

非常不建议把php代码与js代码柔和在一起啊，很难理解。而且容易出错。分离分离分离。

没怎么用过php，看看是不是字符串连接的方式错了？php好像是用.来连接吧？

路径中的 \ 要转义

建议楼主学会拆分问题，你所说的问题可以拆分成两个单例：
1- iframe中执行js向父窗口传递信息
2- 图片上传处理
这样你能更准确的发现到底哪里出了问题。
对于1来说，可以这样测试

<code>//a.html
<span id="s1"></span><iframe src="b.html"></iframe>
//b.html
<script>top.document.getElementById('s1').innerHTML = 'Test';</script></code>

ログイン後にコピー

对于2也是一样，不需要调用js，上传成功后直接echo ' javascript - iframe上传图片返回地址 ';