今天小咸儿实践了使用Vue上传图片的功能,在经过多次的实践之后,终于实现了上传图片,开心之情不能言表。(^▽^)
另外,还要说明一下Vue组件封装之强大,使上传图片方便很多。
主要讲述的还是前端如何向fastDFS上传图片以及在Vue的table中显示出来:
在Vue页面中的中写明:
首先引用iview中的上传图片的组件,如图所示:
其中的action写的就是上传图片的最终文件服务器地址或者后端上传图片方法的地址,:format则是能够接受上传图片的格式。
接下来就是上传图片成功的事件:on-success中的“unloadSuccess”,但是实际上你已经把图片通过地址链接到后端的方法上传到fastDFS上了,接下来在“unloadSuccess”中写的是:
获取后端的返回值:url
这个时候,图片上传后的url就已经获取到了,是不是十分的简单呢?重要的还是Vue已经把上传图片给封装好了,只需要咱们给提供一个方法地址或者文件服务器地址就好了(也就是action中)。后端代码就不在赘述了。
这次小咸儿真的是体会到Vue的简单、灵活与强大了。