A. 通過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>
註： 這個是很久以前在網上看到的，就整理了下來，但是這么久都沒用過，所以也沒調試過，你自己試一試研究研究， 再來網上很多博客里，他們寫的很詳細的，可以去看看
B. 怎樣將圖片上傳到伺服器
工具/原料 FlashFXP VPN 文件夾步驟/方法 首先建立一個文件夾，把當天需要上傳的圖片存放到同一個文件夾，這樣不會和以前的圖片混淆一起難以辨認。然後就是連接到VPN，輸入VPN用戶名以及密碼，連接成功。打開FlashFXP，這個工具是上傳圖片的直接工具，首先連接到伺服器，點擊圓圈箭頭處的連接圖標，輸入連接類型、用戶名、密碼，連接成功。在FlashFXP工具的左欄的圓圈處打開開始創建的新文件夾，在FlashFXP工具的左欄的圓圈處打開一個新文件夾，這個很重要，最好是每天上傳圖片到伺服器中建立一個新的文件夾。將要上傳的圖片直接復制、粘貼到左欄框內，點擊滑鼠右鍵彈出的傳輸指令，然後上傳到伺服器成功。圖片上次伺服器已成功，然後就可以用代碼的格式編輯到文章中。注意事項 最好是每天上傳圖片到伺服器中建立一個新的文件夾。文件夾不要隨便更改其初始位置。圖片修改成較容易記的名稱，因為在插入圖片時要用源代碼的形式輸入圖片名稱。 更多精彩電腦信息，請登錄:中國高速網-IT頻道。
C. 已知本地文件路徑，怎樣將圖片上傳到伺服器
一般採用的是FTP進行上傳就可以了！可以去伺服器廠商（正睿）的網上找找文件上傳的相關文檔參考一下，應該很快就清楚了！
D. 本地電腦的圖片怎麼上傳到伺服器
如果你是通過後台，打開伺服器，然後把文件拖進去~~~ 如果你是指上傳到網站 網盤等地方。點擊上傳，然後選擇圖片，然後確定。如果沒有上傳這個選項，則上傳不了。
E. android中如何上傳圖片到FTP伺服器
在安卓環境下可以使用，在java環境下也可以使用，已經在Java環境下實現了功能，然後移植到了安卓手機上，其它都是一樣的。
[java] view plain
package com.photo;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import org.apache.commons.net.ftp.FTPClient;
import org.apache.commons.net.ftp.FTPReply;
public class FileTool {
/**
* Description: 向FTP伺服器上傳文件
*
* @param url
* FTP伺服器hostname
* @param port
* FTP伺服器埠
* @param username
* FTP登錄賬號
* @param password
* FTP登錄密碼
* @param path
* FTP伺服器保存目錄，是linux下的目錄形式,如/photo/
* @param filename
* 上傳到FTP伺服器上的文件名,是自己定義的名字，
* @param input
* 輸入流
* @return 成功返回true，否則返回false
*/
public static boolean uploadFile(String url, int port, String username,
String password, String path, String filename, InputStream input) {
boolean success = false;
FTPClient ftp = new FTPClient();
try {
int reply;
ftp.connect(url, port);// 連接FTP伺服器
// 如果採用默認埠，可以使用ftp.connect(url)的方式直接連接FTP伺服器
ftp.login(username, password);//登錄
reply = ftp.getReplyCode();
if (!FTPReply.isPositiveCompletion(reply)) {
ftp.disconnect();
return success;
}
ftp.changeWorkingDirectory(path);
ftp.storeFile(filename, input);
input.close();
ftp.logout();
success = true;
} catch (IOException e) {
e.printStackTrace();
} finally {
if (ftp.isConnected()) {
try {
ftp.disconnect();
} catch (IOException ioe) {
}
}
}
return success;
}
// 測試
public static void main(String[] args) {
FileInputStream in = null ;
File dir = new File("G://pathnew");
File files[] = dir.listFiles();
if(dir.isDirectory()) {
for(int i=0;i<files.length;i++) {
try {
in = new FileInputStream(files[i]);
boolean flag = uploadFile("17.8.119.77", 21, "android", "android",
"/photo/", "412424123412341234_20130715120334_" + i + ".jpg", in);
System.out.println(flag);
} catch (FileNotFoundException e) {
e.printStackTrace();
}
}
}
}
}
以上為java代碼，下面是android代碼。
[java] view plain
package com.ftp;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import android.os.Bundle;
import android.app.Activity;
import android.util.Log;
import android.view.Menu;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
new uploadThread().start();
}
class uploadThread extends Thread {
@Override
public void run() {
FileInputStream in = null ;
File dir = new File("/mnt/sdcard/DCIM/Camera/test/");
File files[] = dir.listFiles();
if(dir.isDirectory()) {
for(int i=0;i<files.length;i++) {
try {
in = new FileInputStream(files[i]);
boolean flag = FileTool.uploadFile("17.8.119.77", 21, "android", "android",
"/", "412424123412341234_20130715120334_" + i + ".jpg", in);
System.out.println(flag);
} catch (FileNotFoundException e) {
e.printStackTrace();
}
}
}
}
}
}
F. uniapp上傳圖片至伺服器，獲得在線圖片鏈接預覽（實戰）
功能需求：
前端選擇本地文件，將選擇好的文件顯示在界面上進行預覽，可同時選擇四張進行預覽。
思路如下：
前端選擇本地的png、jpg、等格式的圖片，將圖片以二進制的形式傳到後端伺服器，後端對二進制圖片進行處理，返回給前端一個伺服器鏈接在線圖片，在瀏覽器就可以打開鏈接訪問的那種。然後前端將這個圖片鏈接渲染在頁面進行預覽。
首先
我們看一下uniapp的官方文檔：
https://uniapp.dcloud.io/api/media/image?id=chooseimage
大概是這樣的
先寫一個模擬的demo
1：首先我是是用了colorUI的框架，在項目裡面引入
在page底下的vue文件引入
這樣一來，就不需要寫什麼樣式了，直接使用寫好的就行了。
效果是這樣的
每次選完圖片之後顯示在頁面上，我這里設置了最多可以選擇四張，圖片鏈接使用了臨時的blob，接下來就要使用後端小夥伴給的介面，將自己本地的二進制文件傳給他了。
在 chooseImage 選擇好圖片之後，寫一個成功的回調函數，在回到函數裡面添加一個圖片上傳的方法uploadFile，在方法裡面添加url，等參數。
若是請求成功
則返回一個圖片鏈接
添加介面之後 的，demo如下：
G. 如何上傳圖片到圖片伺服器
使用一些已有的組件幫助我們實現這種上傳功能。 常用的上傳組件： Apache 的 Commons FileUpload JavaZoom的UploadBean jspSmartUpload 以下，以FileUpload為例講解 1、在jsp端 <form id="form1" name="form1" method="post" action="servlet/fileServlet" enctype="multipart/form-data"> 要注意enctype="multipart/form-data" 然後只需要放置一個file控制項，並執行submit操作即可 <input name="file" type="file" size="20" > <input type="submit" name="submit" value="提交" > 2、web端 核心代碼如下： public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); DiskFileItemFactory factory = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(factory); try { List items = upload.parseRequest(request); Iterator itr = items.iterator(); while (itr.hasNext()) { FileItem item = (FileItem) itr.next(); if (item.isFormField()) { System.out.println("表單參數名:" + item.getFieldName() + "，表單參數值:" + item.getString("UTF-8")); } else { if (item.getName() != null && !item.getName().equals("")) { System.out.println("上傳文件的大小:" + item.getSize()); System.out.println("上傳文件的類型:" + item.getContentType()); System.out.println("上傳文件的名稱:" + item.getName()); File tempFile = new File(item.getName()); File file = new File(sc.getRealPath("/") + savePath, tempFile.getName()); item.write(file); request.setAttribute("upload.message", "上傳文件成功！"); }else{ request.setAttribute("upload.message", "沒有選擇上傳文件！"); } } } }catch(FileUploadException e){ e.printStackTrace(); } catch (Exception e) { e.printStackTrace(); request.setAttribute("upload.message", "上傳文件失敗！"); } request.getRequestDispatcher("/uploadResult.jsp").forward(request, response); }
H. 本地照片如何通過天聯高級傳到伺服器
本地照片通過天聯高級傳到伺服器的方法分為三個過程：准備工作、圖片顯示在前端頁面、發送給伺服器。
1、准備工作：定義一個input標簽，type=file，讓它隱藏，用一個lable標簽設置它的for屬性指向這個input，這樣就可以通過設置lable的格式，達到文件上傳的功能。還需要定義一個img標簽，用來接收上傳的圖片。
2、圖片顯示在前端頁面：在Js中設置該input的change事件，原理就是將圖片的盤符形式的地址換成http形式的地址，將該地址賦值給img的src屬性，並讓其顯示。
3、發送給伺服器：通過form表單提交給伺服器，第一需要設置formenctype=multipart/form-data，第二需要設置input的name屬性，傳一個參數即可。