用JQuery写附件上传、下载功能

# 用JQuery写附件上传、下载功能





## 附件上传
### html部分

<input type="file" id="fileInput">
<button id="uploadButton">上传</button>

javaScript部分

$(document).ready(function() {
  $('#uploadButton').click(function() {
    var fileInput = $('#fileInput')[0];
    
    // 检查是否选择了文件
    if (fileInput.files.length === 0) {
      alert('请选择要上传的文件');
      return;
    }
    
    // 创建FormData对象，用于发送文件数据
    var formData = new FormData();
    formData.append('file', fileInput.files[0]);
    
    // 发送文件上传请求
    $.ajax({
      url: '/upload', // 替换成你的上传接口URL
      type: 'POST',
      data: formData,
      processData: false,
      contentType: false,
      success: function(response) {
        alert('文件上传成功');
        // 处理上传成功后的逻辑...
      },
      error: function(xhr, status, error) {
        alert('文件上传失败');
        // 处理上传失败后的逻辑...
      }
    });
  });
});

## 附件下载
html部分

<button id="downloadButton">下载附件</button>

### javaScript部分

$(document).ready(function() {
  $('#downloadButton').click(function() {
    // 创建下载链接
    var downloadLink = $('<a></a>')
      .attr('href', '/path/to/attachment.pdf') // 替换成你的附件文件路径
      .attr('download', 'attachment.pdf'); // 替换成你想要的附件文件名

    // 添加下载链接到页面并模拟点击
    downloadLink.appendTo($('body'));
    downloadLink[0].click();
    downloadLink.remove();
  });
});