1. 程式人生 > >.NET CORE上傳檔案(AJAX形式)

.NET CORE上傳檔案(AJAX形式)

後臺Action:

        [HttpPost]
        public string UploadFile()
        {
            if (Request.Form.Files.Count == 0)
                return GetFalseResult("未檢測到檔案");
            string path = hostingEnv.ContentRootPath + "\\wwwroot\\Files";
            if (!Directory.Exists(path))
                Directory.CreateDirectory(path);


            var file = Request.Form.Files[0];
            string fileExt = file.FileName.Split('.')[file.FileName.Split('.').Length - 1];
            string filename = Guid.NewGuid().ToString() + "." + fileExt;
            string fileFullName = path + "\\" + filename;
            using (FileStream fs = System.IO.File.Create(fileFullName))
            {
                file.CopyTo(fs);
                fs.Flush();
            }

            return "/Files/" + filename;
        }

前端js:

                var fileUpload = $("#uploadInput").get(0);
                var file = fileUpload.files[0];
                var data = new FormData();
                data.append(file.name, file);
                utils.showMask();
                $.ajax({
                    type: "POST",
                    url: "/api/控制器名/UploadFile",
                    //headers: {
                    //    token: window.localStorage.getItem("token")
                    //},
                    contentType: false,
                    processData: false,
                    data: data,
                    success: function (e) {
                        console.log(e);
                        //$uibModalInstance.close(e);
                    },
                    error: function () {
                        //utils.showError("上傳失敗");
                    },
                    complete: function () {
                       // utils.hideMask();
                    }
                });

相關推薦

.NET CORE檔案AJAX形式

後臺Action:         [HttpPost]         public string UploadFile()         {             if (Request.Form.Files.Count == 0)                

Swagger Ui 之 .Net Core 檔案

在這篇文章中,我將向您展示如何自定義Swagger Ui以便在ASP.Net Core Web API專案中上傳檔案,最近想做一個Swagger檔案上傳,結果百度google都沒有發現可行的方案,看到的更多非.Net Core版本的,最後自己摸索寫了一個出來,希

.NET CORE檔案到碼雲倉庫【搭建自己的圖床】

.NET CORE上傳檔案到碼雲倉庫【搭建自己的圖床】 先建一個公共倉庫(隨意提交一個README檔案或者.gitignore檔案保證master分支的存在),然後到gitee的個人設定頁面找到【私人令牌】選單建立一個access_token。Gitee官方還友好的提供了基於swagger的API文件和除錯

SpringMvc檔案阿里雲

● springMvc 上傳檔案 springMvc.xml配置 <!-- SpringMVC上傳檔案時,需配置MultipartResolver處理器 --> <bean id="multipartResolver" class="o

SpringMVC_20_使用HttpMessageConverter T 實現了檔案不推薦和下載檔案操作

使用HttpMessageConverter< T>將請求資訊轉化並繫結到處理方法的入參中或將響應結果轉化為對應型別的響應資訊,Spring提供了兩種途徑: 使用@RequestBody/@ResponseBody對處理方法進行標註 使用Ht

使用HttpURlConnection 傳送POST請求檔案帶引數

前言 最近在做一個部落格的小專案,需要用到檔案上傳,HttpClient又被Android給棄用了,圖片框架暫時還沒學。只能使用HttpURLConnection來上傳。折騰了好久,今天終於順利地跟後臺完成了對接。因此,寫這篇部落格梳理一下知識。 理論知

大文分片 多執行緒檔案接收端

package com.controller; import java.io.File; import java.io.IOException; import java.io.InputStream; import java.io.RandomAccessFile; i

iOS使用表單流檔案圖片/文字/...

#define HTTP_CONTENT_BOUNDARY @"----WebKitFormBoundarywpMAGHPPMfSNBkkK----" + (BOOL)httpPutDataWithUploadDate:(NSString *)uplo

七牛檔案JS實現

寫在前面:本人是個新人,很多說法或者寫法不正確不嚴謹,請見諒!未寫前的迷茫:在七牛官網例項中可以很正常的使用上傳功能,但是將檔案以及資源下載到本地就不能上傳了,報“格式錯誤”、“媒體型別錯誤”等,也不知道是什麼原因導致的。後來看了uptoken比較重要,自認為是那裡的原因,

Spring MVC 4 使用常規的fileupload檔案帶原始碼

package com.websystique.springmvc.controller; import java.io.File; import java.io.IOException; import java.util.ArrayList; import java.util.List; impor

Linux解決問題篇——ftp檔案使用put時,permission denied,下載檔案使用get時,failed to open file

使用ftp連線本地伺服器時,在上傳put時出現問題,幾番折騰,最終解決。 我的操作流程:1、要上傳的檔案存在/tmp中,名稱為testfile,這個檔案我是使用dd建立的:dd if=/dev/zero of=/tmp/testfile bs=1M count=200,這

Ajax 檔案input file FormData

FormData物件用以將資料編譯成鍵值對,以便用XMLHttpRequest來發送資料。其主要用於傳送表單資料,但亦可用於傳送帶鍵資料(keyed data),而獨立於表單使用。 jQuery Ajax 上傳檔案 通過 Ajax 向後臺傳送檔案(包括圖片)時,其引數型別屬於物件。可以建立一個 FormD

ASP.NET Core 檔案 超簡單教程

示例原始碼下載地址 專案地址 https://dev.tencent.com/u/whuanle/p/asp.netcore_file_upload/attachment  建立應用程式 開啟VS 2017    --新建 ASP.NET Core Web 應用程式     --Web 應用程式(模型檢

按鈕點選觸發Ajax非同步檔案附加:table點選按鈕刪除行

一、使用背景 1、在專案中需要點選按鈕即上傳檔案,提交表單時只需要儲存檔案ID即可; 2、同一個表單中有多處需要上傳檔案,多個按鈕非同步上傳檔案互不影響; 3、java後臺使用同一個檔案上傳介面。 二、利用ajaxfileupload.js實現檔案非同步上傳 aja

Ajax檔案包含檔案的型別,大小驗證

JS程式碼塊: <script> // 上傳檔案 $(function() { $("#button").click(function() { if ($("#website-t

ASP 使用 jQuery Ajax File Uploader外掛檔案適用於支援H5的瀏覽器

  開篇先吐個槽:自從公司策略調整以後,幾乎沒有什麼3D、AR、VR的專案讓我來做了~於是···為了避免被認為無所事事, 只好硬著頭皮開始做ASP的專案了~~好在大家用的都是C# ┐(´∀`)┌ 迴歸正題,當前接手的ASP專案是執行在微信平臺的一個上傳視訊投票的小專案,裡面

springMVC Ajax非同步檔案報錯:Could not parse multipart servlet request解決辦法

1.applicaitonContext.xml的配置。配置CommonsMultipartResolver<!-- 配置spring自帶上傳工具,處理器配置 --><bean class="org.springframework.web.multipart

java ajax非同步檔案文件、圖片都可以

在寫專案的時候,經常用到圖片上傳啊什麼的,這兒提供一個方法,萬能,咋都能用。 ajax $(".save-head").click(function () { var formData = new FormData();

Spring Boot文件示例Ajax和REST

模型 custom rop null nds con and 程序 docs 本文介紹如何使用Ajax請求在Spring Boot Web應用程序(REST結構)中上傳文件。 本文中使用的工具: Spring Boot 1.4.3.RELEASE Spring 4.3.5

移動端通過ajax圖片文件並在前臺展示——通過H5的FormData對象

com 地址 ces 文件 只需要 capture val data als 前些時候遇到移動端需要上傳圖片和視頻的問題,之前一直通過ajax異步的提交數據,所以在尋找通過ajax上傳文件的方法。發現了H5裏新增了一個FormData對象,通過這個對象可以直接綁定html中