微信iframe

WBOY
Libérer: 2016-06-06 20:18:46
original
1647 Les gens l'ont consulté

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

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

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

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

    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>
Copier après la connexion
Copier après la connexion
  1. 电脑上测试是正常,但是传到微信上就会post到新的空白页。

求解!

É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