java如何实现上传图片到服务器,并预览图片

预览，不能简单的用<img>，然后把地址赋给src的，会出现浏览器不兼容问题

用css滤镜，像下面

document.getElementById("previewImg").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='" + o.value + "')"

至于如何上传，struts2很方便的

功能需求：

前端选择本地文件，将选择好的文件显示在界面上进行预览，可同时选择四张进行预览。

思路如下：

前端选择本地的png、jpg、等格式的图片，将图片以二进制的形式传到后端服务器，后端对二进制图片进行处理，返回给前端一个服务器链接在线图片，在浏览器就可以打开链接访问的那种。然后前端将这个图片链接渲染在页面进行预览。

首先

我们看一下uniapp的官方文档：

https://uniapp.dcloud.io/api/media/image?id=chooseimage

大概是这样的

先写一个模拟的demo

1：首先我是是用了colorUI的框架，在项目里面引入

在page底下的vue文件引入

这样一来，就不需要写什么样式了，直接使用写好的就行了。

效果是这样的

每次选完图片之后显示在页面上，我这里设置了最多可以选择四张，图片链接使用了临时的blob，接下来就要使用后端小伙伴给的接口，将自己本地的二进制文件传给他了。

在 chooseImage 选择好图片之后，写一个成功的回调函数，在回到函数里面添加一个图片上传的方法uploadFile，在方法里面添加url，等参数。

若是请求成功

则返回一个图片链接

添加接口之后 的，demo如下：

问题应该是下面这张图片吧

在这里打开图片，默认是浏览器打开。

解决方法：

在“开始→运行”中输入“regsvr32 shimgvw.dll ”（启用图像预览）；然后运行“regsvr32 shmedia.dll” （启用影像预览）。

---