<view class="cu-form-group">
<view class="title">特种作业证照:</view>
<view class='upload-image-view'>
<block v-for="(image,index) in LicenseImageList" :key="index">
<view class='image-view'>
<image :src="image" :data-src="image" @tap="previewLicenseImage"></image>
<view class='del-btn' :data-index="index" @tap='deleteLicenseImage'>
<view class='baicha'></view>
</view>
</view>
</block>
<view class='add-view' v-if="LicenseImageList.length < imageLength" @tap="chooseLicenseImage">
<view class="cross">
<view class="transverse-line"></view>
<view class="vertical-line"></view>
</view>
</view>
</view>
</view>
//特种作业证照-选择图片
chooseLicenseImage: async function() {
uni.chooseImage({
sourceType: sourceType[this.sourceTypeIndex],
// #ifdef MP-WEIXIN
sizeType: sizeType[this.sizeTypeIndex],
// #endif
count: this.imageLength - this.LicenseImageList.length,
success: (res) => {
const tempFilePaths = res.tempFilePaths[0];
api.uploadFile({
url: 'uploadFail/upload',
filePath: tempFilePaths,
name: 'file',
success: (uploadFileRes) => {
this.LicenseImageList = [uploadFileRes.url];
}
});
}
})
},
//特种作业证照--预览图片
previewLicenseImage: function(e) {
var current = e.target.dataset.src
uni.previewImage({
current: current,
urls: this.LicenseImageList
})
},
//特种作业证照--删除图片
deleteLicenseImage: function(e) {
var index = e.target.dataset.index;
var that = this;
var images = that.LicenseImageList;
images.splice(index, 1);
that.LicenseImageList = images;
},
@RestController
@RequestMapping("/api/uploadFail")
@Validated
public class UploadFileController {
@Autowired
private ServerConfig serverConfig;
@PostMapping("upload")
public AjaxResult uploadFile(MultipartFile file) throws Exception
{
try
{
String filePath = RuoYiConfig.getUploadPath();
String fileName = FileUploadUtils.upload(filePath, file);
String url = serverConfig.getUrl() + fileName;
AjaxResult ajax = AjaxResult.success();
ajax.put("fileName", fileName);
ajax.put("url", url);
return ajax;
}
catch (Exception e)
{
return AjaxResult.error(e.getMessage());
}
}
}