124.(前端)上传商品图片——使用elementui中的Upload上传图片

1.使用element-ui上传图片

本次我们将使用element-ui官网中的Upload上传，由于我们只需要使用上传的功能（其余功能下篇文章再使用），所以，只需要修改action发送请求的地址为我们上次博客定义的路由地址即可。

2.主要代码

<el-tab-pane label="商品图片" name="3">
                        <el-upload 
                        class="upload-demo" 
                        action="/api/upload_img" 
                        :on-preview="handlePreview"
                        :on-remove="handleRemove" 
                        :file-list="fileList" 
                        list-type="picture">
                            <el-button size="small" type="primary">点击上传</el-button>
                        </el-upload>
                    </el-tab-pane>

3.测试结果