用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

註： 這個是很久以前在網上看到的，就整理了下來，但是這麼久都沒用過，所以也沒調試過，你自己試一試研究研究， 再來網上很多博客里，他們寫的很詳細的，可以去看看