1. 程式人生 > >jQuery上傳檔案和Core Web API接收儲存檔案

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檔案上傳 我們將引數和檔案都通

通過jQueryC#分別實現對.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 APIjQuery一個檔案

本篇主要通過兩個程式碼示例來展示如何應用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 CoreEF 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