Question

如何在javaEE做的网站中上传显示并实时操作图片

Answer 1

　　操作方法如下：
　　方法一：
　　1、首先，打开一个图文并茂的word文档。
　　2、然后，点击word菜单的“文件——另存为”。
　　3、 随后，在文件类型选择为网页(.htm;.html)，假设起名为X，那么，在这个另存的文件同一文件夹中，就会看到名为X.file的文件夹。
　　4、这时，再打开看看，Word文档的图片便已经都保存在这里了。这时，便可以将这些图片直接上传到博客中了。
　　在博客文章里插入图片：
　　方法二：
　　1，网络上已经有的图片：需要先得到完整的图片URL地址(一般在图片上单击右键，选“属性”，在“地址”部分复制全部内容)，在“发表文章”区域的上面菜单中，选择几个对齐方式右边的那个“插入图片”按钮，然后在请输入图片链接框中选择全部后，作“粘贴”操作。
　　2，自己电脑上的图片：需要先在“发表文章”区域的下面，点击“图片剪切板”，打开可贴图片的区域，然后按“浏览”选择图片，在需要插入图片的地方点一下鼠标，然后按“插入图片”即可。

Answer 2

项目开发过程中，有这样的需求：左侧一个<input type="file" > 上传的图片需要在右侧实时显示出该图片。刚拿到需求，感觉头都大了，后来同事帮忙找的例子，也不知其来源，所以在此希望原主看到会，能见谅！！
废话不多说了，直接上代码。
html代码：

[html] view plain copy
<div>
<label class="edit-font"><span>*</span>服务图片：</label>
<input class="serverImg" id="imgName" name="imgName" />
<input id="img" name="img" onchange="previewImage(this);" type="file"/>
<span class="ylbut"></span>
[html] view plain copy
<span style="font-family: Arial, Helvetica, sans-serif;"></div></span>

js代码：