微信iframe

WBOY
Freigeben: 2016-06-06 20:18:46
Original
1650 Leute haben es durchsucht

  1. 微信公众平台开发,表单要上传图片。思路见代码

  2. html部分

    <code>   <form id="form_file" method="post" action="upload.php" target="frameFile" enctype="multipart/form-data">
        <img  id="pre-img" src="" alt="微信iframe" >
        <input type="file" name="image_url" id="file_upload" value="上传图片">
        <input type="hidden" name="img" value="">
       </form></code>
    Nach dem Login kopieren
    Nach dem Login kopieren

    js部分

    <code>   $(function(){
       $('#file_upload').change(function(){
           $('#form_file').submit();
       });
       });
       function upload_success (msg) {
       if (msg.err == 0) {
           $('#pre-img').attr('src',  msg.file_path);
           $('input[name="img"]').val(msg.file_path);
       } else {
           swal(msg.msg);
           return false;
       }
       }</code>
    Nach dem Login kopieren
    Nach dem Login kopieren

    PHP处理

<code>//  图片上传错误处理
if ($img_info['error']) {
    $response = array('err'=>1, 'msg'=>$img_info['error']);
} else {
    $response = array(
        'err'=>0,
        'file_path'=>$img_info['image_url']['savepath'].$img_info['image_url']['savename']
    );
}
</code>
Nach dem Login kopieren
Nach dem Login kopieren
  1. 电脑上测试是正常,但是传到微信上就会post到新的空白页。

求解!

回复内容:

  1. 微信公众平台开发,表单要上传图片。思路见代码

  2. html部分

    <code>   <form id="form_file" method="post" action="upload.php" target="frameFile" enctype="multipart/form-data">
        <img  id="pre-img" src="" alt="微信iframe" >
        <input type="file" name="image_url" id="file_upload" value="上传图片">
        <input type="hidden" name="img" value="">
       </form></code>
    Nach dem Login kopieren
    Nach dem Login kopieren

    js部分

    <code>   $(function(){
       $('#file_upload').change(function(){
           $('#form_file').submit();
       });
       });
       function upload_success (msg) {
       if (msg.err == 0) {
           $('#pre-img').attr('src',  msg.file_path);
           $('input[name="img"]').val(msg.file_path);
       } else {
           swal(msg.msg);
           return false;
       }
       }</code>
    Nach dem Login kopieren
    Nach dem Login kopieren

    PHP处理

<code>//  图片上传错误处理
if ($img_info['error']) {
    $response = array('err'=>1, 'msg'=>$img_info['error']);
} else {
    $response = array(
        'err'=>0,
        'file_path'=>$img_info['image_url']['savepath'].$img_info['image_url']['savename']
    );
}
</code>
Nach dem Login kopieren
Nach dem Login kopieren
  1. 电脑上测试是正常,但是传到微信上就会post到新的空白页。

求解!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage