Jadual Kandungan
回复内容:
Rumah pembangunan bahagian belakang tutorial php javascript - iframe上传图片返回地址

javascript - iframe上传图片返回地址

Jun 06, 2016 pm 08:10 PM
html5 javascript php

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

这是父级页面:

<code><span id="photo"></span></code>
Salin selepas log masuk
Salin selepas log masuk

php上传成功后的代码:

<code>           if(move_uploaded_file($tmp, $path.$dir.$image_name)){
                $src = "<img  src="/static/imghw/default1.png" data-src="/img/bVvcnq" class="lazy" alt="javascript - iframe上传图片返回地址" >";
                //$src = 1;
                echo "<script>parent.document.getElementById('photo').innerHTML = \"$src\";</script>";
            }else{
                echo alert('上传失败');history.go(-1)
EOT;
            }
            exit;</code>
Salin selepas log masuk
Salin selepas log masuk

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

回复内容:

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

这是父级页面:

<code><span id="photo"></span></code>
Salin selepas log masuk
Salin selepas log masuk

php上传成功后的代码:

<code>           if(move_uploaded_file($tmp, $path.$dir.$image_name)){
                $src = "<img  src="/static/imghw/default1.png" data-src="/img/bVvcnq" class="lazy" alt="javascript - iframe上传图片返回地址" >";
                //$src = 1;
                echo "<script>parent.document.getElementById('photo').innerHTML = \"$src\";</script>";
            }else{
                echo alert('上传失败');history.go(-1)
EOT;
            }
            exit;</code>
Salin selepas log masuk
Salin selepas log masuk

浏览器报错如下: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>
Salin selepas log masuk

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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Konfigurasi Projek CakePHP Konfigurasi Projek CakePHP Sep 10, 2024 pm 05:25 PM

Dalam bab ini, kita akan memahami Pembolehubah Persekitaran, Konfigurasi Umum, Konfigurasi Pangkalan Data dan Konfigurasi E-mel dalam CakePHP.

Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 membawa beberapa ciri baharu, peningkatan keselamatan dan peningkatan prestasi dengan jumlah penamatan dan penyingkiran ciri yang sihat. Panduan ini menerangkan cara memasang PHP 8.4 atau naik taraf kepada PHP 8.4 pada Ubuntu, Debian, atau terbitan mereka

Tarikh dan Masa CakePHP Tarikh dan Masa CakePHP Sep 10, 2024 pm 05:27 PM

Untuk bekerja dengan tarikh dan masa dalam cakephp4, kami akan menggunakan kelas FrozenTime yang tersedia.

Muat naik Fail CakePHP Muat naik Fail CakePHP Sep 10, 2024 pm 05:27 PM

Untuk mengusahakan muat naik fail, kami akan menggunakan pembantu borang. Di sini, adalah contoh untuk muat naik fail.

Penghalaan CakePHP Penghalaan CakePHP Sep 10, 2024 pm 05:25 PM

Dalam bab ini, kita akan mempelajari topik berikut yang berkaitan dengan penghalaan ?

Bincangkan CakePHP Bincangkan CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP ialah rangka kerja sumber terbuka untuk PHP. Ia bertujuan untuk menjadikan pembangunan, penggunaan dan penyelenggaraan aplikasi lebih mudah. CakePHP adalah berdasarkan seni bina seperti MVC yang berkuasa dan mudah difahami. Model, Pandangan dan Pengawal gu

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP Dec 20, 2024 am 11:31 AM

Kod Visual Studio, juga dikenali sebagai Kod VS, ialah editor kod sumber percuma — atau persekitaran pembangunan bersepadu (IDE) — tersedia untuk semua sistem pengendalian utama. Dengan koleksi sambungan yang besar untuk banyak bahasa pengaturcaraan, Kod VS boleh menjadi c

See all articles