thinkphp jquery实现图片上传和预览效果

发布时间：2020-12-14 14:06:49 所属栏目：大数据来源：网络整理

导读：先上效果图：那个file按钮样式先忽略点击选择图片（浏览），随便选一张图片 js代码如下 "; //document.getElementById("img1").src = path; } } } html代码，其实不重要啦 span class="btn btn-success btn-file"gt; 选择图片 span class="glyphicon glyph

先上效果图：

那个file按钮样式先忽略

点击选择图片（浏览），随便选一张图片

js代码如下

"; //document.getElementById("img1").src = path; } } }

html代码，其实不重要啦

    <span class="btn btn-success btn-file"&gt; 选择图片 <span
     class="glyphicon glyphicon-picture" aria-hidden="true"&gt;</span>
     <input type="file" name="info_photo" value="" id="info_photo"
     onchange='PreviewImage(this)' />
    </span>
   </div>

  </div>

  <div class="form-group has-success has-feedback"&gt;
   <label for="info_desc" class="col-sm-2 control-label"&gt;<span
    style="color: red;"&gt;* </span>详细描述</label>
   <div class="col-sm-10"&gt;
    <textarea class="form-control" rows="5" id="info_desc"
     name="info_desc" placeholder="如需补充，请填写..." title="可包含中文数字和常用字符"&gt;</textarea>
    <div id="photo_info" class="photo_info"&gt;</div>
   </div>
  </div>

css代码就不上了啊顺便补充一下thinkphp上传图片代码，把整个发布消息都拷过了算了

create(); $upload = new ThinkUpload();// 实例化上传类 $upload->maxSize = 3145728 ;// 设置附件上传大小 $upload->exts = array('jpg','gif','png','jpeg','bmp');// 设置附件上传类型 $upload->rootPath = './Public/'; $upload->savePath = '/Uploads/'; // 设置附件上传目录 $upload->autoSub = false; // 上传文件 $info = $upload->upload(); if($info) { // 上传成功 foreach($info as $file){ $m->info_photo=$file['savename']; } } $m->create_time=date('Y-m-d H:i:s',time()); $m->uid=$_SESSION['id']; $m->username=$_SESSION['username']; /* $m->user_img=$_SESSION['filename']; */

$m->info_type="寻物启事";//信息类型为失物
$lastId=$m->add();
if($lastId){
$this->success('发布成功');
}else{
$this->error('发布失败,请先登录');
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!