jQuery上傳檔案和Core Web API接收儲存檔案
jQuery上傳檔案和API接收儲存檔案
- jQuery程式碼是:
<input type="file" id="files" name="files" multiple /> <input type="button" id="upload" value="Upload Selected Files" /> $("#upload").click(function (evt) { var fileUpload = $("#files").get(0); var files = fileUpload.files; var data = new FormData(); console.log("length=" + files.length); for (var i = 0; i < files.length ; i++) { data.append(files[i].name, files[i]); } data.append("1111", "222"); $.ajax({ type: "POST", url: "http://localhost:50090/api/test", contentType:false, dateType:"json", processData: false, data: data, success: function (json) { alert(json); var list = JSON.parse(json); alert(list.res); }, error: function () { alert("There was error uploading files!"); } }); });
API程式碼是:
string path = ""; long size = 0; int i = 0; var files = HttpContext.Request.Form.Files; if (files.Count > 0) { //可以寫遍歷files var file = files[0]; string upload_path = Directory.GetCurrentDirectory() + "/wwwroot"; DateTime now = DateTime.Now; if (Directory.Exists(upload_path + "/images/" + now.Year) == false)//如果不存在就建立file資料夾 { Directory.CreateDirectory(upload_path + "/images/" + now.Year); } if (Directory.Exists(upload_path + "/images/" + now.Year + "/" + now.ToString("MMdd")) == false)//如果不存在就建立file資料夾 { Directory.CreateDirectory(upload_path + "/images/" + now.Year + "/" + now.ToString("MMdd")); } upload_path = upload_path + "/images/" + now.Year + "/" + now.ToString("MMdd");//新的目錄 var filename = ContentDispositionHeaderValue .Parse(file.ContentDisposition) .FileName .Trim('"'); string houzhui = filename.Substring(filename.IndexOf(".")); var filenamenew = DateTime.Now.ToString("yyyyMMddHHmmssfff") + houzhui; filename = upload_path+"/" + filenamenew; path= "/images/" + now.Year + "/" + now.ToString("MMdd")+"/"+ filenamenew; size += file.Length; using (FileStream fs = System.IO.File.Create(filename)) { file.CopyTo(fs); fs.Flush(); i += 1; } }
相關推薦
jQuery上傳檔案和Core Web API接收儲存檔案
jQuery上傳檔案和API接收儲存檔案 - jQuery程式碼是: <input type="file" id="files" name="files" multipl
.NET和.NET Core Web APi FormData多檔案上傳對比
前言 最近因維護.NET和.NET Core專案用到檔案上傳功能,雖說也做過,但是沒做過什麼對比,藉此將二者利用Ajax通過FormData上傳檔案做一個總結,通過檢視提交表單太簡單,這裡不做闡述,希望對有需要的童鞋能有力所能及的幫助。 .NET Web APi FormData檔案上傳 我們將引數和檔案都通
通過jQuery和C#分別實現對.NET Core Web Api的訪問以及文件上傳
補充 param 詳細 ace lin col mage exp n) 準備工作: 建立.NET Core Web Api項目 新建一個用於Api請求的UserInfo類 public class UserInfo { publ
SharePoint REST API - 使用REST API和jQuery上傳一個檔案
本篇主要通過兩個程式碼示例來展示如何應用REST API和jQuery上傳檔案到SharePoint。 示例會使用REST介面和jQuery AJAX請求來將一個本地檔案新增到SharePoint文件庫並修改它的一些屬性。主要有以下幾個操作步驟: 1. 使用FileReader API將本地
循序漸進學.Net Core Web Api開發系列【5】:檔案上傳
系列目錄 一、概述 本篇介紹通過.NET core WebApi實現檔案上傳。 二、Controller端程式碼 直接上程式碼: [Route("api/files")] [Produces("application/json")] public
ASP.NET Core WEB API 使用element-ui檔案上傳元件el-upload執行手動檔案檔案,並在檔案上傳後清空檔案
前言: 從開始學習Vue到使用element-ui-admin已經有將近快兩年的時間了,在之前的開發中使用element-ui上傳元件el-upload都是直接使用檔案選取後立即選擇上傳,今天剛好做了一個和之前類似的檔案選擇上傳的需求,不過這次是需要手動點選按鈕把檔案上傳到伺服器中進行資料匯入,而且最多隻
.NET Core Web APi大檔案分片上傳研究
前言 前兩天發表利用FormData進行檔案上傳,然後有人問要是大檔案幾個G上傳怎麼搞,常見的不就是分片再搞下斷點續傳,動動手差不多也能搞出來,只不過要深入的話,考慮的東西還是很多。由於斷點續傳之前寫個幾篇,這裡試試利用FormData來進行分片上傳。 .NET Core Web APi檔案分片上傳 這裡我們
.Net Core Web Api 上傳女朋友的照片到微軟雲Azure Storage
前言 實現一個Web Api,把女朋友照片儲存到Azure雲的storage裡。 Image Upload Api 在對應的Api Controller裡,加上attribute: [Consumes("application/json", "multipart/form-data")] 然後定
Asp.Net Core Web Api圖片上傳(一)整合MongoDB儲存例項教程
Asp.Net Core Web Api圖片上傳及MongoDB儲存例項教程(一) 圖片或者檔案上傳相信大家在開發中應該都會用到吧,有的時候還要對圖片生成縮圖。那麼如何在Asp.Net Core Web Api實現圖片上傳儲存以及生成縮圖呢?今天我就使用MongoDB作為圖片儲存,然後使用SixLabors
jquery獲取上傳進度和取消上傳操作
for orm name bsp tty type clas val 計算 var xhrOnProgress=function(fun) { xhrOnProgress.onprogress = fun; //綁定監聽
linux壓縮和解壓縮命令,stp本地檔案上傳下載和ssh連線與傳輸
linux 上檔案解壓縮指令 tar命令 解包:tar zxvf FileName.tar 打包:tar czvf FileName.tar DirName 解壓:tar zxvf FileName.tar.gz 壓縮:tar zcvf FileName.
springboot學習(九): 檔案的上傳下載和jsp頁面的使用
說明 由於工作的需要,在學習springboot時,學習了jsp的使用,最近又涉及到springboot的檔案上傳方式。找資料學習後,在這裡記錄總結下springboot的單個和多個檔案的上傳和下載及jsp的使用。 正文 一、jsp的使用 通過Spring Initial
如何使用elementUI呼叫一次介面同時上傳圖片和檔案,同時需要攜帶其他引數,實現呼叫後端介面
今天有一個坑,同時要上傳圖片和檔案,而且圖片要展示縮圖,檔案要展示列表。 我的思路是: 首先,只上傳附件照片,這個直接看ele的官方例子就行,不僅僅上傳附件照片,還同時上傳其他引數。 然後,再做上傳照片和檔案,上傳其他引數,其實也就是檔案合併。 一、上傳照片和其他引
linux上用vscode寫dotnet core web api
dotnet core 跨平臺已不再是夢,它帶來的意義非凡,比如api介面可以在linux上編寫及部署,也可以在windows上編寫好,打包釋出,然後copy到linux上部署。 安裝 Ubuntu &
ASP.NET Core 實戰:使用 ASP.NET Core Web API 和 Vue.js,搭建前後端分離框架
前言 這幾年前端的發展速度就像坐上了火箭,各種的框架一個接一個的出現,需要學習的東西越來越多,分工也越來越細,作為一個 .NET Web 程式猿,多瞭解瞭解行業的發展,讓自己擴展出新的技能樹,對自己的職業發展還是
循序漸進學.Net Core Web Api開發系列【6】:配置檔案appsettings.json
系列目錄 一、本篇概述 本篇描述appsettings.json的使用,包括: 1、配置的基本讀取 2、讀取配置資訊到自定義的物件 3、自定義配置檔案 一、配置的基本讀取 要讀取的配置檔案內容如下: { "ConnString": "MySQL Connect S
SpringBoot檔案上傳下載和多檔案上傳(圖文詳解)
最近在學習SpringBoot,以下是最近學習整理的實現檔案上傳下載的java程式碼: 1、開發環境: IDEA15+ Maven+JDK1.8 2、新建一個maven工程: 3、工程框架 4、pom.xml檔案依賴項 <proje
如何使用.md檔案和如何上傳圖片到github並在README.MD檔案中顯示
.md檔案是markdown的縮寫,Markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的HTML頁面。現在來說說如何編寫.md檔案 #語法解說 1.標題 1.1(用#號的數量來顯示大小)如:
ASP.NET Core Web API 索引 (更新ASPNET Core和EF Core視訊)
GraphQL [視訊] 使用ASP.NET Core 開發 GraphQL 伺服器 GraphQL其它 RESTful API Identity Server 4 Identity Server 4 - Hybrid Flow ASP.NET Core
SpringMVC實現頁面和java模型的資料互動以及檔案上傳下載和資料校驗
1. 專案結構 2. springMVC-servlet.xml 配置檔案 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org