用js把本地图片上传到服务器上,用js把本地图片上传到服务器上

本文目录一览：

• 1、js本地文件怎么上传到服务器ftp
• 2、如何使用 NodeJS 将文件或图像上传到服务器
• 3、JS怎样将图片保存到服务器？已经获得了图片数据
• 4、通过JSP怎样上传图片到服务器

js本地文件怎么上传到服务器ftp

下载一个ftp连接工具，安装以后点连接，输入服务器的ftp连接信息，如ip，用户名密码等连接成功后，将文件传输到对应的文件目录下。

如何使用 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;tempERRORTYPE.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+” “);

}

。。。。。。

这样就实现了上传文件至数据库

JS怎样将图片保存到服务器？已经获得了图片数据

只能通过后台代码，比如java，C#，php，asp之类的编程语言，将js得到的图片信息上传到服务器的指定位置。

通过JSP怎样上传图片到服务器

1.限制文件上传类型只能是图片

function checkFileType(name,file){

var extArray = new Array(“.doc”,”.docx”);

var allowSubmit = false;

if (!file){

return;

}

while (file.indexOf(“\\”) != -1){

file = file.slice(file.indexOf(“\\”) + 1);

}

var ext = file.slice(file.indexOf(“.”)).toLowerCase();

for (var i = 0; i extArray.length; i++) {

if (extArray[i] == ext){

allowSubmit = true;

break;

}

}

if(!allowSubmit){

alert(“只能上传以下格式的文件:”+ (extArray.join(“”)) + “\n请重新选择再上传.”);

document.getElementById(name).value = “”;

}

}

其中：extArray是要求文件类型。可自行定义。

2.引入jQuery外部文件

jquery-2.1.4.min.js

3.编写js代码

$(function () {

$(‘#txtfilePath1’).uploadReview({

width: 350,

height: 350,

target: ‘#uploadReview1_content’

});

});

其中：txtfilePath1是input:file。width,height是预览图片的宽度和高度。target是显示预览图片的位置。

4.编写jsp页面代码

body

input type=”text” class=”yourClassName” name=”filePath1″ id=”filePath1″/

input type=”file” id=”txtfilePath1″ name=”txtfilePath1″ style=”display:none;”

input type=”button” onclick=”txtfilePath1.click()” id=”fileup1″ name=”fileup1″ class=”searchThing”value=”上传”

/body

注： 这个是很久以前在网上看到的，就整理了下来，但是这么久都没用过，所以也没调试过，你自己试一试研究研究， 再来网上很多博客里，他们写的很详细的，可以去看看