上传图片在线预览插件,elementui上传图片预览

用delphi做个图上传 插件。使用该组件，只需要在页面中引入图片预览组件，然后将图片的URL传入该组件，就可以实现图片的预览的功能，而不需要将图片发送到后端服务器，如何在viewui中-2 预览图片？to-2预览Picture不用传到后端，可以使用ViewUI的Picture预览component，可以对图片进行base64。

项目需要上传 picture的功能，但是没有后端接口，所以使用了upload 插件第一，图片上传提交到界面后编辑时无法选回来。第二，是在体验版上。但是，当调试工具打开时，可以成功显示。网上说微信后台没有添加合法域名，但不知道这个插件的路径是什么？方案一如下:如果页面需要编辑，那么在选择back时，vmodel绑定的数组需要添加URL属性。否则无法返回图片解决方案二中以下体验版和预览无法显示上传的图片。在微信开发工具中，勾选“不验证合法域名”复选框。当图片再次为上传时，会提示已经不在合法域名列表中，只需将此域名添加到微信公众平台的服务器域名中即可。之前不知道插件的地址，所以配置为图片的地址而不是上传，所以没有生效。

tapmodo/JcropJcrop是最流行的图像裁剪jQuery 插件，星数2k ，功能非常丰富，文档也很齐全，是首选。Github.com和官网也用了这个插件。一个小细节是边缘线的蚂蚁线是动画的，真的很用心。丰源臣/cropperCropper也是图片裁剪jQuery 插件，星数1k ，是杭州前端工程师丰源臣写的。功能也相当丰富，裁剪时可以旋转原图。

ViewUI是一个基于Vue的前端UI组件库，它提供了一系列组件来帮助开发者更快速地构建Web应用。to上传预览picture不用传到后端，可以使用ViewUI的picture 预览组件，将图片以base64的形式存储在浏览器中，不用发送到后端服务器，从而达到不用传到后端的目的。使用该组件，只需要在页面中引入image 预览组件，然后将图片的URL传入该组件，就可以实现image 预览功能，而不需要将图片发送到后端服务器。

给个思路:1。存储预览图片的view height高度、viewWidth以及预览viewhscaleviewwidth/view high 2的当前宽高比，读取图片的实际高度。实际宽度factwidth，并存储实际宽高比factWHsacalefactwidth/facthigh，实际高度和实际宽度可以通过vartmpbmp:TJPEGImage读取；begintmbmp:TJPEGImage。创建；tmpbmp，LoadFromFile( C:\ liuzg . jpg )；Tmpbmp。宽度实际宽度结束；3.计算应该放置的图像的大小，如果IFVIEWWHSCALE > FactWHSACALETHEN/预览的宽度大于实际宽度比，则根据高度计算预览的图片大小。need height:view high；endelsbeginneedwidth:view width；需要。