tp5.1使用Formdata提交上传图片前段展示

Owen°

已于 2022-09-20 16:16:59 修改

阅读量391

点赞数

分类专栏： jQuery 文章标签： jquery javascript ecmascript php

于 2022-09-16 15:54:18 首次发布

本文链接：https://blog.csdn.net/myNameIsOwen/article/details/126892008

版权

点击按钮实现图片上传并预览

在这里插入图片描述

前段代码

<div class="layui-form-item">
    <label class="layui-form-label">图片上传</label>
    <div class="layui-input-inline">
      <button type="button" class="layui-btn" id="pic1">上传图片</button>
      <input type="file" name="file" class="image" id="image" style="display: none">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">图片展示</label>
    <div class="layui-input-inline">
      <img class="layui-upload-img"  id="demo1" style="height: 300px;display: none">
    </div>
  </div>