Javascript 如何仅在jsp中从mysql在web上上载图像

目前，我正在开发一个使用eclips的完全采用html+jsp的网站。现在我的问题是上传一个文件。我可以将本地机器上的图像显示到html页面上，但我想将该图像存储到mysql数据库中，然后显示在主网页上

假设我在第一页有两个页面，操作员从其本地机器中选择任何图像，然后它也将显示在同一页面的图像视图上，当操作员单击上载图像时，图像将显示在网站上

如前所述，我能够在操作员的页面上显示图像，但如何将其保存在mysql数据库中，然后在网站上检索

是否可以仅在.jsp文件中执行此任务

这是我显示本地机器图像的代码

  <div class="file">
<ul class="thumbnails">
<li class="span4">
<a href="#" class="thumbnail">
<div id="imgThumbId"></div>
</a>
</li>
</ul>
<form action="advertise.jsp">
<fieldset>
        <legend>Upload Image</legend>
        <label for="file">Choose photo</label>
        <input type="file" name="file" id="file" /><br/>
        <input type="submit" name="upload" id="upload" value="Upload photo"  onclick="PreviewRecipeImage();"/>
    </fieldset>
    </form>
    </div>

上传图像
选择照片

下面是javascript代码

<script type="text/javascript">



 function PreviewRecipeImage(){


var file = document.getElementById('file').files[0]; // create img tag for selected recipe image file
var img = document.createElement("img");
img.id = "imgid";
img.classList.add("obj");
img.file = file;
//img.width = 90;
//img.height = 90;
//ClearThumb1Image();

 document.getElementById('imgThumbId').appendChild(img);// append img tag to recipe image tag

var reader = new FileReader();
reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
reader.readAsDataURL(file);


}
</script>

函数PreviewRecipeImage（）{
var file=document.getElementById（'file'）.files[0]；//为所选配方图像文件创建img标记
var img=document.createElement（“img”）；
img.id=“imgid”；
img.classList.add（“obj”）；
img.file=文件；
//img.width=90；
//img.height=90；
//ClearThumb1Image（）；
document.getElementById（'imgThumbId'）.appendChild（img）；//将img标记附加到配方图像标记
var reader=new FileReader（）；
reader.onload=（函数（aImg）{返回函数（e）{aImg.src=e.target.result；}；}）（img）；
reader.readAsDataURL（文件）；
}

是否可以将值从jsp发送到javascript或html？

<div class="file" >
<ul class="thumbnails">
<li class="span4">
<a href="#" class="thumbnail">
<div id="imgThumbId"></div>
</a>
</li>
</ul>
<form action="advertise.jsp" enctype="multipart/form-data">
<fieldset>
        <legend>Upload Image</legend>
        <label for="file">Choose photo</label>
        <input type="file" name="file" id="file" /><br/>
        <input type="submit" name="upload" id="upload" value="Upload photo"  onclick="PreviewRecipeImage();"/>
</fieldset>
</form>
</div>

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    try {
        List<FileItem> items = new ServletFileUpload(new DiskFileItemFactory()).parseRequest(request);
        for (FileItem item : items) {
            if (item.isFormField()) {
                // Process regular form field (input type="text|radio|checkbox|etc", select, etc).
                String fieldname = item.getFieldName();
                String fieldvalue = item.getString();
                // ... (do your job here)
            } else {
                // Process form file field (input type="file").
                String fieldname = item.getFieldName();
                String filename = FilenameUtils.getName(item.getName());
                InputStream filecontent = item.getInputStream();
                // ... (do your job here)
            }
        }
    } catch (FileUploadException e) {
        throw new ServletException("Cannot parse multipart request.", e);
    }

    // ...
}