upload上傳圖片
『壹』 asp.net fileupload1上傳圖片怎樣將圖片名保存到資料庫中
這個是我自己的，每個人的情況可能有些不同，但大致是這樣子的。頁面顯示的差不多是這個樣子
後台的代碼坦早（點擊上傳）看下面：
string Photo_src ="photo/"+ FileUpload1.FileName;
string Photo_script = txt_photo_script.Text;
SqlConnection conn = new SqlConnection();
string constr = ConfigurationManager.ConnectionStrings["conn"].ToString();
conn.ConnectionString = constr;
conn.Open();
string str = "insert into photo (user_name,photo_name,photo_src,photo_script) values ('" + Session["user_name"].ToString() + "','" + FileUpload1.FileName + "','" + Photo_src + "','" + Photo_script + "')";
SqlCommand cmd = new SqlCommand(str, conn);
bool filesValid = false;
if (cmd.ExecuteNonQuery() > 0)
{
String fileExtension = System.IO.Path.GetExtension(this.FileUpload1.FileName).ToLower();
String[] restrictExtension = { ".gif", ".jpg", ".bmp", ".png" };
for (int i = 0; i < restrictExtension.Length; i++)
{
if (fileExtension == restrictExtension[i])
{
filesValid = true;
}
}
if (filesValid == true)
{
this.Image1.ImageUrl = "photo/" + FileUpload1.FileName;
this.FileUpload1.SaveAs(Server.MapPath("./") + "清信稿photo" + "//" + FileUpload1.FileName);
Response.Write("<script>alert('圖片上傳成功');</script>");
this.FileUpload1.PostedFile.FileName;
this.FileUpload1.PostedFile.ContentType;
}
else
{
答孝 Response.Write("<script>alert('圖片格式不對（圖片後綴錯誤）！');</script>");
}
Photo_src = "";
Photo_script = "";
}
『貳』 jsp用upload實現圖片上傳時圖片不能顯示出來（沒有顯示錯誤）
程序開發中，盡量不要使用相對路徑，容易出問題。你的問題很好解決
在文件最頭上添加以下代碼
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
然後圖片路徑這樣寫
<img src="<%=basePath%>upload/<%=fileName%>" />
『叄』 el-upload上傳圖片
方法一：
使用formData
方法二：
使用el-upload
action：請求介面弊粗的地址
:on-success：上傳租猜鎮成功後的回調，第一個參數是介面返回的數據
url代表介面返回的圖片地址，這里後台直兆敬接返給我url了
這里只是把圖片上傳了，但是還需要調用一下保存（更新）的介面
『肆』 element UI使用Upload 上傳視頻，圖片
elementUI中 upload 的地址： https://element.eleme.cn/#/zh-CN/component/upload 大家可以參考官方文檔
這里我使用的是照片牆這個屬性：list-type
```javascript
<el-upload
name="fileUpload"//上傳文件的欄位名字由後台提供
:data="folderName"//文件存儲的文件夾
:action="這里的介面是後台提供的"
list-type="picture-card"
:on-success="successUpdata"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<i class="el-icon-plus"></i>
</el-upload>
data{
folderName: {folderName:'ycylManage'},
}
methods: {
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible =true;
},
//上傳成功的方法
successUpdata(file){
this.headImg = file.paths[0] //返回的是圖片的路徑
},
圖片示例：
經過滑培試驗這個上信睜唯傳是可以上傳早孝視頻的，所以推薦大家用這個，上傳圖片與上傳圖片是一樣的
『伍』 uview組件upload只能上傳圖片嗎
uview組凳簡件upload只能上傳圖片，這個是移動版組件，上傳時選擇手機棗族褲相冊和拍攝的照片，穗伏可以查看官網的API屬性說明
『陸』 文件上傳有兩種方式upload
文件上傳有兩種方式
1.基於文件處理為文件流然後然後傳給返褲伺服器，這個我們一般是用form-data來處理的，我們把文件流信息放到form-data裡面，把form-data傳給我們的伺服器。然後伺服器拿到form-data相關的數據做處理。
2.客戶端需要把文件轉化為base64位，轉化為base64然後傳給伺服器，伺服器在轉化為文件
VUE elementUI 表單上傳
在項目開發需求中基於VUE + elementUI在表單實現多張圖片和Excel文件上傳的需求。
1.圖片上傳模板
2、常用方法介紹
1、在實現自定義上傳的:auto-upload設為"false"時before-upload將會無效，此時如要驗證文件類型或者大小此處使用on-change的方法，在on-change方法中判斷圖片類型、大小，如果符合要求加入到pthotoLists中，不符合則移除
2、表單點擊提交進行驗證以及文件自定義上傳將文件通過參數傳遞
1、將form表單元素的name與value進行組合，實現表單數據做爛的漏胡簡序列化，從而減少表單元素的拼接，提高工作效率
3、通過append方法進行添加文件和數據
4、pPostFile為介面提交方式相當於axios
action為 提交的地址（介面名稱）
formDataObj為表單中提交的所有參數（內容）
hearder即為header中需要的參數
『柒』 DiskFileUpload組件 上傳圖片。上傳後伺服器中的文件大小為0
while (iter.hasNext()) {
org.apache.commons.fileupload.FileItem item = (org.apache.commons.fileupload.FileItem) iter.next();
// 忽略其他不是文物弊御件域的所有表單信息
if (!item.isFormField()) {
String name = item.getName(); // 獲取上傳文件名,包括路徑
name = name.substring(name.lastIndexOf("\\") + 1); // 從罩岩全路徑中提取文件名
long size = item.getSize();
if (name != null && !name.equals("") && size != 0) {
String filePath = System.currentTimeMillis() + "_" + name;
item.write(new java.io.File(uploadDir, filePath));
//要保證uploadDir指向的目錄是存在的。
}
}
}
先不要寫多餘的代碼，保證上傳成功先
System.out.println("upload file error ...");
出現錯誤後，不要屏蔽具體卜孝的信息，那樣很調試問題的。
『捌』 為什麼用FileUpload上傳圖片到指定的文件目錄下面，顯示的是空文件
你先不要判讀類型。。 也不要記著保存資料庫記錄
首先，你上傳文件，確保可以保存成或源猛功，衫橋並且保存的文件和你上傳的是完裂早全一樣的。
『玖』 用aspupload如何同時上傳兩張圖片，並以新命名的方式把路徑保存到資料庫求高手解決
ajax非同步。
圖1圖2分別非同步提交圖片到後台。新名字的話也是後台處理的。圖片存在空間里，把圖片名存在資料庫里。輸出圖片名到前台
前台圖1圖2後面可分別設一個隱藏的 input 用來ajax返回各自的圖片名。
總的提交按鈕只提交隱藏的input即可。（input里是圖片名，可同時提交多個input）
暫無圖片在第一次載入html時載入。每一次ajax上傳圖片除了返回圖片名到對應的input外，還同時js動態輸出新img標簽代替對應的暫無圖片，新img標簽要寫好完整的圖片地址。
『拾』 asp upload組件上傳圖片
兩個辦法：
1、替換掉reqest.form("控制項名")，全用upload.form(「控制項名」）
2、表單里邊加一個接收圖片的文譽叢畝本框加一個ifrmae里邊放上傳界面慶森、代碼，用js控制上傳完畢之後的路徑賦值給form表單里邊的接收圖片文鄭皮本框