如何使div对文本区域可编辑，以及如何上传/删除已有图片

<div contenteditable="true">
  这是可编辑的文本区域
</div>

<input type="file" id="imageUpload" accept="image/*">
<button onclick="uploadImage()">上传图片</button>

<script>
function uploadImage() {
  var fileInput = document.getElementById('imageUpload');
  var file = fileInput.files[0];
  
  // 使用AJAX将图片文件发送到后端服务器进行处理
  // 这里需要根据具体的后端语言和框架进行处理
  // 可以使用FormData对象来构建表单数据
  
  var formData = new FormData();
  formData.append('image', file);
  
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload', true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 图片上传成功
      console.log('图片上传成功');
    } else {
      // 图片上传失败
      console.log('图片上传失败');
    }
  };
  xhr.send(formData);
}
</script>

<button onclick="deleteImage()">删除图片</button>

<script>
function deleteImage() {
  // 使用AJAX调用后端服务器提供的删除图片接口
  // 这里需要根据具体的后端语言和框架进行处理
  
  var xhr = new XMLHttpRequest();
  xhr.open('DELETE', '/delete', true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 图片删除成功
      console.log('图片删除成功');
    } else {
      // 图片删除失败
      console.log('图片删除失败');
    }
  };
  xhr.send();
}
</script>