前后端上传文件至服务器

男娘i 2021-07-25 13:58 502阅读 0赞

1.  前端通过js上传文件

<div >
      <input 
    	  type="file" 
    	  name="files" 
    	  id="files" 
    	  multiple 
    	  accept="application/pdf" // 限制上传格式，可不加
     	  enctype="multipart/form-data"
      >
      <button onclick="uploadFile()">上传</button>
    </div>

var files = document.getElementById('files').files;
    uploadFile() { 
    	 // 1.判空
    	if(files.length === 0) { 
    	    return 
    	}
    	// 2.非空则上传
    	var fd = new FormData()
    	for (var x = 0; x < files.length; x++) { 
    	    fd.append("file[]", files[x]);
    	}
    }

1.  后端php接受文件并保存

// 上传pdf文件
        public function addPdf(Request $request)
        { 
    // 1.验证前端上传的数据
            $file = $request->file('file');
    // 2.判空
            if (empty($file)) { 
                print_r('not found sendfile');
                return 0;
            }
    // 3.遍历添加到服务器
            $files=[];
            foreach ($file as $key => $value) { 
                $name = $value->getClientOriginalName();
                $files[] = $value->storeAs('/pdf', $name, 'root'); //保存在根文件夹下的/pdf文件夹内
            }
    // 4.返回数据
            return $files;
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，502人围观）

还没有评论，来说两句吧...

相关阅读

相关 minio&前后端分离上传视频/上传大文件——前后端分离断点续传&minio分片上传实现

minio断点续传，minio分片上传，前后端分离分片上传，springboot分片上传，前后端分离上传视频流程分析，断点续传思路分析，minio检查文件是否已存在，mi...

深碍√TFBOYSˉ_/ 2024年04月24日 14:35/ 0 赞/ 100 阅读

相关如何将本地文件上传至linux服务器

下载一个软件secureCRT。具体步骤如下：快捷键ALT+P,进入新界面sftp put e:\\test.tar.gz 执行后，会有进度提示。然后返回之前

骑猪看日落/ 2022年12月14日 03:56/ 0 赞/ 307 阅读

相关跳板机文件上传至其他服务器

1、有时候跳板机到其他服务器去传不好传，得上被传服务器去通过以下命令来 scp hdq\\\\guo@10.129.9.222:/home/HDQ/guo/dm

妖狐艹你老母/ 2022年11月09日 12:38/ 0 赞/ 156 阅读

相关 c语言上传图片至服务器,JSP+Servlet实现文件上传到服务器功能

本文实例为大家分享了JSP+Servlet实现文件上传到服务器功能的具体代码，供大家参考，具体内容如下项目目录结构大致如下： ![b267ad63b8ce3414dda6

朴灿烈づ我的快乐病毒、/ 2022年10月15日 15:57/ 0 赞/ 221 阅读

相关 java实现文件图片上传至SFTP服务器

首先导入maven坐标依赖  <dependency> <groupId>com

古城微笑少年丶/ 2022年09月10日 09:30/ 0 赞/ 294 阅读

相关 C# FTP上传文件至服务器代码

/// <summary> /// 上传文件 /// </summary> //

蔚落/ 2022年06月12日 00:21/ 0 赞/ 543 阅读

相关 SpringBoot上传文件至ftp服务器

之前写过一篇[上传文件的博客][Link 1]，大家可以去看看，这篇是接着那一篇的。因为要先把文件传到程序运行的服务器上，再传到ftp服务器上。注：这里只讲代码如何实现，不会讲

忘是亡心i/ 2022年03月21日 18:53/ 0 赞/ 827 阅读

相关 java实现把文件上传至ftp服务器

用java实现ftp文件上传。我使用的是commons-net-1.4.1.zip。其中包含了众多的java网络编程的工具包。 1　把commons-net-1.4.1.ja

骑猪看日落/ 2022年02月16日 01:29/ 0 赞/ 511 阅读

相关 java上传文件至ftp服务器

1. 添加依赖 2. <dependency> <groupId>commons-net</groupId> <artifa

青旅半醒/ 2022年01月31日 04:06/ 0 赞/ 418 阅读

相关前后端上传文件至服务器

1. 前端通过js上传文件 <div > <input type="file" name="files"

男娘i/ 2021年07月25日 13:58/ 0 赞/ 503 阅读