jsp页面 上传图片预览 的处理

页面:

<div class="form-group">
    <label class="col-sm-2 control-label"></label>
    <div class="col-md-10">
        <div id="imagepreview" class="col-md-5"></div>
    </div>
</div>

<div class="form-group">
    <label class="col-sm-2 control-label">概要图片(可选)</label>
    <div class="col-sm-10">
        <input id="img" type="file" name="file"/>
    </div>
</div>      

页面预览方法:

<pre name="code" class="html">     //上传图片预览方法
      $('#img').change(function () {
         var file = this.files[0]; //选择上传的文件
        var r = new FileReader();
        r.readAsDataURL(file); //Base64
        $(r).load(function () {
           $('#imagepreview').html('<img src="' + this.result + '" width="100px" height="100px" alt="商品图片" />');
       });
 });