当前位置:首页 » 网页前端 » 前端和node实现文件上传
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端和node实现文件上传

发布时间: 2022-09-20 09:13:34

① 如何使用 NodeJS 将文件或图像上传到服务器

下面先介绍上传文件到服务器(多文件上传):
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.util.*;
import java.util.regex.*;
import org.apache.commons.fileupload.*;

public class upload extends HttpServlet {
private static final String CONTENT_TYPE = "text/html; charset=GB2312";
//Process the HTTP Post request
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType(CONTENT_TYPE);
PrintWriter out=response.getWriter();
try {
DiskFileUpload fu = new DiskFileUpload();
// 设置允许用户上传文件大小,单位:字节,这里设为2m
fu.setSizeMax(2*1024*1024);
// 设置最多只允许在内存中存储的数据,单位:字节
fu.setSizeThreshold(4096);
// 设置一旦文件大小超过getSizeThreshold()的值时数据存放在硬盘的目录
fu.setRepositoryPath("c://windows//temp");
//开始读取上传信息
List fileItems = fu.parseRequest(request);
// 依次处理每个上传的文件
Iterator iter = fileItems.iterator();
//正则匹配,过滤路径取文件名
String regExp=".+////(.+)$";
//过滤掉的文件类型
String[] errorType={".exe",".com",".cgi",".asp"};
Pattern p = Pattern.compile(regExp);
while (iter.hasNext()) {
FileItem item = (FileItem)iter.next();
//忽略其他不是文件域的所有表单信息
if (!item.isFormField()) {
String name = item.getName();
long size = item.getSize();
if((name==null||name.equals("")) && size==0)
continue;
Matcher m = p.matcher(name);
boolean result = m.find();
if (result){
for (int temp=0;temp<ERRORTYPE.LENGTH;TEMP++){
if (m.group(1).endsWith(errorType[temp])){
throw new IOException(name+": wrong type");
}
}
try{
//保存上传的文件到指定的目录
//在下文中上传文件至数据库时,将对这里改写
item.write(new File("d://" + m.group(1)));
out.print(name+" "+size+"");
}
catch(Exception e){
out.println(e);
}
}
else
{
throw new IOException("fail to upload");
}
}
}
}
catch (IOException e){
out.println(e);
}
catch (FileUploadException e){
out.println(e);
}

}
}
现在介绍上传文件到服务器,下面只写出相关代码:
sql2000为例,表结构如下:
字段名:name filecode
类型: varchar image
数据库插入代码为:PreparedStatement pstmt=conn.prepareStatement("insert into test values(?,?)");
代码如下:
。。。。。。
try{
这段代码如果不去掉,将一同写入到服务器中
//item.write(new File("d://" + m.group(1)));

int byteread=0;
//读取输入流,也就是上传的文件内容
InputStream inStream=item.getInputStream();
pstmt.setString(1,m.group(1));
pstmt.setBinaryStream(2,inStream,(int)size);
pstmt.executeUpdate();
inStream.close();
out.println(name+" "+size+" ");
}
。。。。。。
这样就实现了上传文件至数据库

② 文件上传怎么做 node mysql

要创建的数据库名TEST_DATABASE=‘nodejs_mysql_test',//要创建的表名TEST_TABLE=‘test';//用户名client.user=‘root';//密码client.password=‘root';//创建连接client.connect();client.query(‘CREATEDATABASE‘+TEST_DATABASE,function(err){if(err&&err.number!=Client.ERROR_DB_CREATE_EXISTS){throwerr;}

③ nodejs可以上传大文件吗

可以。不过要修改。

处理方式为在nodeJs的app.js文件中写一个use中间件将其大小限制给修改了。

修改代码:(app.js中)

[javascript]view plain

  • app.use(express.bodyParser({limit:"5000kb"}));

  • app.use(express.json({limit:'5000kb'}));


  • 这部分的代码顺序:(这个貌似没多大作用,不过还是留一个)

④ nodejs后台,用formidable处理上传文件时,前台需要传什么参数给后端

用一个表单<form method="post" enctype="multipart/form-data" action="/file-upload"> <input type="file" name="thumbnail"> <input type="submit"></form>这样就可以了

⑤ nodejs 上传文件哪个插件好

前端要用easyui的filebox插件,然后点击按钮后会异步上传

⑥ 如何使用Node.js将文件上传到对象存储

你说的对象存储是云么? 比如七牛云?
像这一类的都有提供的API,可以通过他们提供的API上传文件的。

⑦ nodejs怎么实现多文件上传

前端formdata或者Ajax上传文件 Node端:用multiparty接收文件,再用fs.rename将文件存储到你需要的位置。 var MULTIPARTY = require('multiparty'); var FS = require('fs'); var saveTowerFile = function (req, res, next) { var form = new M.

⑧ 在Node.js中如何获取文件上传进度

  1. 前端html5支持获取上传的字节数,同时也能获取总字节大小。这样可以算出进度。

  2. node.js的后端request一般支持流模式,于是就可以用request.on('data', () => {})获取到已上传的字节大小,前端获取总字节大小之后可以将信息放进request header里。这样也可以算出进度

⑨ node.js的express模块支持多用户上传文件吗

使用nodejs+express(4.x+)实现文件上传
最简单的做法是通过“connect-multiparty”中间件实现上传。
通过在项目中npm install connect-multiparty进行安装。
用法:
var multipart = require('connect-multiparty');
var multipartMiddleware = multipart();
app.post('/upload', multipartMiddleware, function(req, resp) {
console.log(req.body, req.files);
// don't forget to delete all req.files when done
});

上传后,上传的文件会在临时目录中生成一个临时文件,具体可将req.files打印出查看具体文件路径。
只要在注释的地方将临时文件移动并重命名到实际目录中即可完成上传功能。
简单。

但是官方不建议使用该中间件,建议直接使用“multiparty”,因为错误处理比较麻烦。

下面就用“multiparty”实现一个版本。
1.使用express(版本是4.11.x)创建一个项目,采用默认的jade作为模版引擎。
2.在项目目录中,通过npm install multiparty进行安装必要组件。
3.修改views/index.jade,如下做一个简单的用于文件上传的form。

⑩ node.js 中,先上传文件,上传完成之后点击超链接,跳转到download操作,怎样实现文件的下载

如果你的response参数是node.js的http.ServerResponse的话,你可以

fs.createReadStream('你的文件的路径').pipe(response);