uniapp图片上传删除预览

Uniapp作为一款跨平台开发框架，具备了在多个平台上进行开发和发布的能力。在Uniapp中，我们可以对图片进行上传、删除和预览操作。下面，我将针对这三个操作进行详细说明。

1. 图片上传
在Uniapp中，我们可以利用uni.uploadFile()方法来上传图片。使用uni.uploadFile()方法时需要先指定上传的url地址和要上传的文件路径，还可以设置一些请求头信息。该方法需要响应事件来处理上传结果，可以通过uni.uploadFile()的回调函数onSuccess()和onFail()来进行上传结果的处理，具体代码如下：

uni.uploadFile({
  url: 'https://example.com/upload',
  filePath: '/path/to/file',
  header: {
    'Custom-Header': 'xxx'
  },
  success: (res) => {
    console.log(res.data);
  },
  fail: (err) => {
    console.log(err.errMsg);
  }
});

2. 图片删除
在Uniapp中，我们可以使用uni.removeSavedFile()来删除本地图片。使用该方法需要指定要删除的图片路径，同时在执行删除操作成功之后，会返回一个成功的回调函数onSuccess()。代码如下：

uni.removeSavedFile({
  filePath: '/path/to/file',
  success: (res) => {
   console.log(res);
  }
});

3. 图片预览
在Uniapp中，我们可以使用uni.previewImage()来预览图片。该方法需要指定预览的图片列表以及当前要预览的图片索引，同时支持一些配置项，比如长按功能。该方法执行后，用户可以对图片进行放大、缩小、旋转等操作。具体代码如下：

uni.previewImage({
  urls: ['/path/to/image1', '/path/to/image2'],
  current: 0,
  longPressActions: {
    itemList: ['发送给朋友', '保存图片'],
    success: function(data) {
      console.log(data);
    },
    fail: function(err) {
      console.log(err.errMsg);
    }
  }
});

总的来说，Uniapp提供了方便快捷的图片上传、删除和预览功能，使得开发者可以更加灵活地对图片进行管理和操作。