短视频平台搭建，图片进行预览上传、删除，读取本地文件

短视频平台搭建，图片进行预览上传、删除，读取本地文件实现的相关代码

前端待提交的表单部分代码

 

1

<br><el-form-item label="封面图片"><br>                <el-upload v-model="dataForm.title"<br>                        class="avatar-uploader"<br>                        :limit="1"<br>                        list-type="picture-card"<br>                        :on-preview="handlePictureCardPreview"<br>                        multiple<br>                        :http-request="uploadFile"<br>                        :on-remove="handleRemove"<br>                        :on-change='changeUpload'<br>                        :file-list="images"><br>                    <i class="el-icon-plus"></i><br>                </el-upload><br>            </el-form-item>

​

预览图片和上传图片以及删除图片

 

1

<br>changeUpload: function(file, fileList) {//预览图片<br>                this.fileList = fileList;<br>            },<br>            uploadFile(file){<br> <br>            },<br>            handleRemove(file, fileList) {<br>            },<br>            handlePictureCardPreview(file) {<br>                this.dialogImageUrl = file.url;<br>                this.dialogVisible = true;<br>            },

   

上传文件到本地的静态方法

 

1

<br> /**<br>     * 上传文件<br>     *@author lyy<br>     * @param file<br>     * @return<br>     * @throws IOException<br>     * @throws IllegalStateException<br>     */<br>    public static String uploadFile(String uuid, MultipartFile file) throws IllegalStateException, IOException {<br>        String defaultUrl = MyFileConfig.getFilePath();<br>        String Directory = java.io.File.separator ;<br>        String realUrl = defaultUrl + Directory;<br>        java.io.File realFile = new  java.io.File(realUrl);<br>        if (!realFile.exists() && !realFile.isDirectory()) {<br>            realFile.mkdirs();<br>        }<br>        String fullFile = realUrl + uuid + "."+FileUtil.getFileExt(file.getOriginalFilename());<br>        file.transferTo(new java.io. File(fullFile));<br>        String relativePlanUrl = Directory;<br>        return relativePlanUrl.replaceAll("\\", "/");<br>    }

 

以上就是短视频平台搭建，图片进行预览上传、删除，读取本地文件实现的相关代码， 更多内容欢迎关注之后的文章