您的位置:

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

本文目录一览:

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

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

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

2022-11-22
php把图片上传到又拍云(照片上传到云)

2022-11-12
java上传图片,java上传图片到ftp服务器

2023-01-09
java图片上传,java图片上传功能

2022-11-28
java中ajax上传图片,JAVA图片上传

2022-11-18
图片上传java,图片上传后变模糊

2023-01-07
图片上传JAVA,图片上传javaweb

2023-01-03
java图片服务器,java获取服务器上的图片

2023-01-09
js上传选择图片功能代码(js上传图片并预览)

本文目录一览: 1、我需要一个js或者jquery能批量上传图片+预览的功能。急~~~急~~~急~~ 2、怎样用js或者jq实现点击这个图片就可以选择上传还有预览图片啊 3、求一段JS或Jquery异

2023-12-08
php上调用并上传图片说明,php 上传图片

2022-12-01
php网站上传到独立服务器,上传php文件到服务器

2022-11-20
php小项目图片的上传与下载,php下载图片到本地

2022-11-20
七牛图片上传接口php,上传图片到七牛云并返回图片URL

2023-01-09
uniapp上传图片到服务器的详细阐述

2023-05-20
php多图片上传dome,php上传多张图片

2022-11-26
php七牛图片上传,七牛云批量上传图片

2022-11-23
通过json上传到服务器端的简单介绍

本文目录一览: 1、json数据上传到服务器的方式有哪些 2、Android端用json批量上传多图片,求服务端代码,如何解析并保存到服务器。谢谢各位大神 3、如何使用JSON格式 POST数据到服务

2023-12-08
app上传图片php服务端接受,php图片上传代码

2022-11-22
uniapp图片上传详解

2023-05-20
php模拟远程上传图片,php抓取远程图片到本地

2023-01-06