Penyelesaian kepada masalah kegagalan WeChat jssdk dalam kemahiran iframe pages_javascript

Keperluan projek

Halaman untuk menambah lot pada WeChat mempunyai fungsi muat naik foto Semasa memuat naik, iframe dibuka Halaman menggunakan kanvas untuk memuatkan gambar yang dipilih menggunakan antara muka pemilihan gambar WeChat jssdk (Di sini WeChat akan mengembalikan localid. bentuk weixin://xxxx , boleh diletakkan terus dalam src img untuk pratonton), anda boleh mengezum masuk, mengalih, memutar dan operasi lain, klik butang OK untuk menghantar gambar yang diedit ke pelayan dan menyimpannya sebagai gambar

Masalah yang dihadapi

Selepas pembangunan fungsi sub-halaman selesai, jika sub-halaman dibuka melalui iframe pada halaman utama, antara muka pemilihan imej dalam antara muka jssdk WeChat tidak boleh dipanggil, dan antara muka dalam jssdk lain juga tidak dapat berfungsi dengan baik. Walau bagaimanapun, membuka sub-halaman sahaja boleh berfungsi seperti biasa, dan perkongsian WeChat pada halaman utama juga adalah perkara biasa.

Idea penyelesaian

Pertama sekali, maklumat tandatangan jssdk disuntik ke dalam halaman utama dan sub-halaman pada masa yang sama Adakah terdapat kemungkinan konflik? Selepas ujian, kemungkinan ini telah ditolak. Melalui carian Internet, beberapa netizen menerangkan masalah yang serupa dengan saya dalam siaran ini, tetapi tiada penyelesaian http://www.weixin.com/thread-8022-1-1.html

Selepas ujian, pengesahan tandatangan boleh dilakukan pada halaman utama, dan maklumat tandatangan jssdk tidak ditambahkan pada sub-halaman. Apabila anda perlu memanggil antara muka jssdk, seperti antara muka pemilihan imej, tambahkan induk sebelum fungsi jssdk, iaitu, panggil fungsi halaman induk ini Selepas ujian, fungsi itu boleh dipanggil secara normal.

parent.wx.chooseImage({
success: function (res) {
//upload_success(res.localIds);
}

Perlu dinyatakan bahawa WeChat jssdk nampaknya berkuasa, tetapi ia mempunyai banyak pepijat dan tidak dapat menahan penelitian apabila ia sebenarnya digunakan dalam projek. Walaupun masalah ini telah diselesaikan, masalah baharu telah timbul. Imej yang dieksport Kanvas tidak boleh merentas domain. . . Pada akhirnya, antara muka WeChat tidak digunakan untuk merealisasikan keperluan.

Di atas adalah penyelesaian kepada masalah kegagalan WeChat jssdk dalam halaman iframe yang diperkenalkan oleh editor Saya harap ia akan membantu semua orang!