javascript - iframe上传图片返回地址

WBOY
Libérer: 2016-06-06 20:10:41
original
1314 Les gens l'ont consulté

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

这是父级页面:

<code><span id="photo"></span></code>
Copier après la connexion
Copier après la connexion

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>
Copier après la connexion
Copier après la connexion

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

回复内容:

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

这是父级页面:

<code><span id="photo"></span></code>
Copier après la connexion
Copier après la connexion

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>
Copier après la connexion
Copier après la connexion

浏览器报错如下: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>
Copier après la connexion

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal