js图片上传并预览

  <form id="addpic" class="easyui-form" method="post" enctype="multipart/form-data">
         <input type="file" onchange="previewFile()" name="pictureFile" id="file"
                style="width:150px;margin-top:20px;padding:3px;border:none;"
                onchange="submit()"/>
         <input class="textbox" id="basem" name="basem" type="hidden"><br>
 </form>

             function previewFile() {
                 document.querySelector('input[type=file]').files[0];
                 var file = $('#file').get(0).files[0];
                 var reader = new FileReader();
                 reader.readAsDataURL(file);
                 if (file) {
                     reader.onloadend = function () {

                         $("#yulan").attr("src", reader.result);
                         $("#basem").val(reader.result)
                     }
                 }
             }

将图片的base64码存入数据库中