图片上传三步曲

存放图片路径

 <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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值