图片上传三步曲

存放图片路径

 <input type="hidden" name="post[thumb]" id="thumb" value="{if $thumb}{$thumb}{else}{$company[thumb]}{/if}" 
                onchange="if(isImg('upfile', 'jpg|jpeg|gif|png')) {Dh('avatar_upload');Ds('avatar_uploading');}" />

file控件

<input id="upalbum" type="file" accept="image/*" style="display:none" name="upalbum" onchange="if(isImg('upalbum')){subpic();}">

js保存

function subpic(){
        var s = new FormData();
         s.append("newmobile",'1');  
         s.append("moduleid",'2'); 
         s.append("from",'album'); 
         s.append("width",'190'); 
         s.append("height",'190'); 
         s.append("file", Dd("upalbum").files[0]);  
         Dd("upalbum").files[0]='';
        $.ajax({
          url: "../upload.php",
          type: "POST",
          data: s,
          processData: false,  
          contentType: false,   
          success:function(data){
              if(data.indexOf('|')<0){
                  document.write(data);
              }
              V = data.split('|');
                i=V[1];
                Dd('thumb'+i).value = V[0];
                Dd('showthumb'+i).src = V[0];
          }
        });
    }

测试:htm绑定

<a href="#" class="btn_photo" onclick="Dd('upalbum').click();">
        <img src="" id="showthumb" alt="" class="" id="showthumb"> 
        <!-- showthumb是用来显示刚上传的图片的-->
    </a>

猜你喜欢

转载自blog.csdn.net/weixin_39525197/article/details/80859121