jq选择图片并预览（不上传文件，点击上传的时候才上传）

html

<div class="layui-form-item">
   <label for="username" class="layui-form-label">头像：</label>
    <div class="layui-input-inline">
        <img src="{$res.toux}" id="img">
    </div>
    <div class="layui-input-inline">
        <input type="file" id="file" name="file" multiple  class="file">
    </div>
</div>


<div class="layui-form-item">
    <label for="username" class="layui-form-label">个人二维码：</label>
    <div class="layui-input-inline">
        <img src="{$res.gr_ewm}" id="imgs">
    </div>
    <input  type="file" id="files" name="files" multiple  class="file">
</div>

jq

<script src="/static/admin/js/jquery.min.js"></script>
<script type="text/javascript">
    //选择图片并预览
    $("#file").change(function(){
        $("#img").attr("src",URL.createObjectURL($(this)[0].files[0])).css({"width":"190px","height":"150px"});
    });
    $("#files").change(function(){
        $("#imgs").attr("src",URL.createObjectURL($(this)[0].files[0])).css({"width":"190px","height":"150px"});
    });
</script>