首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过ajax formData请求上传laravel中的.temp文件时,仅保存.pdf扩展文件

在Laravel中,可以使用AJAX和FormData对象来实现文件上传。当上传.temp文件时,我们可以通过后端代码来限制只保存.pdf扩展文件。

首先,前端代码可以如下所示:

代码语言:txt
复制
// HTML部分
<form id="uploadForm" enctype="multipart/form-data">
  <input type="file" name="file" id="fileInput">
  <button type="submit">上传</button>
</form>

// JavaScript部分
<script>
  document.getElementById('uploadForm').addEventListener('submit', function(e) {
    e.preventDefault();
    
    var fileInput = document.getElementById('fileInput');
    var file = fileInput.files[0];
    
    var formData = new FormData();
    formData.append('file', file);
    
    // 发送AJAX请求
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload', true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 上传成功
        console.log(xhr.responseText);
      }
    };
    xhr.send(formData);
  });
</script>

接下来,我们需要在后端进行处理。在Laravel中,可以使用store方法来保存上传的文件,并使用getClientOriginalExtension方法获取文件的扩展名。然后,我们可以判断扩展名是否为.pdf,如果是,则保存文件,否则不保存。

代码语言:txt
复制
public function upload(Request $request)
{
    $file = $request->file('file');
    $extension = $file->getClientOriginalExtension();
    
    if ($extension === 'pdf') {
        $filename = $file->store('pdfs');
        // 保存成功
        return response()->json(['message' => '文件上传成功', 'filename' => $filename]);
    } else {
        // 扩展名不是.pdf,不保存文件
        return response()->json(['message' => '只能上传.pdf文件']);
    }
}

在上述代码中,store方法将文件保存在指定的存储路径(这里是pdfs文件夹),并返回保存后的文件路径。如果扩展名不是.pdf,则返回错误信息。

关于腾讯云相关产品,可以使用腾讯云对象存储(COS)来保存上传的文件。腾讯云COS是一种高可用、高可靠、强安全性的云端存储服务,适用于各种场景下的文件存储和数据备份。您可以通过以下链接了解更多关于腾讯云COS的信息:

请注意,以上答案仅供参考,具体实现方式可能因实际情况而有所不同。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • .Net之使用Jquery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径

    首先对于图片上传而言,在我们的项目开发中可以说出现的频率是相当的高的。这篇文章中,我将要描述的是在我们.Net中如何使用Jquery Ajax通过FormData对象异步提交图片文件到后台保存,并返回保存的图片路径展示出图片,实现一个无刷新的异步图片上传的过程,当然这里我讲解的是单张图片的保存过程,对于多图片上传的话其实我们只需要在type='file'文本框中加上一个multiple可多选,然后获取input中的文件数组遍历向后台提交感兴趣的话可以尝试,不过下一篇博客将会讲解如何使用Layui上传多张图片到服务端保存。

    02
    领券