微信iframe

WBOY
Lepaskan: 2016-06-06 20:18:46
asal
1647 orang telah melayarinya

  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>
    Salin selepas log masuk
    Salin selepas log masuk

    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>
    Salin selepas log masuk
    Salin selepas log masuk

    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>
Salin selepas log masuk
Salin selepas log masuk
  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>
    Salin selepas log masuk
    Salin selepas log masuk

    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>
    Salin selepas log masuk
    Salin selepas log masuk

    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>
Salin selepas log masuk
Salin selepas log masuk
  1. 电脑上测试是正常,但是传到微信上就会post到新的空白页。

求解!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan