欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

asp.net6?blazor?文件上傳功能

 更新時(shí)間:2022年05月24日 10:25:49   作者:j4587698  
這篇文章主要介紹了asp.net6?blazor?文件上傳,我們今天的所有內(nèi)容,都要依賴(lài)這個(gè)接口,因?yàn)樗梢园蚜髦苯觽鞯絚#中,這樣我們就可以做很多的騷操作了,需要的朋友可以參考下

微軟在asp.net6中給blazor新增了一個(gè)IJSStreamReference的接口。

我們今天的所有內(nèi)容,都要依賴(lài)這個(gè)接口,因?yàn)樗梢园蚜髦苯觽鞯絚#中,這樣我們就可以做很多的騷操作了。

今天我們來(lái)做一個(gè)簡(jiǎn)單的文件上傳,這里以bootstrapblazor中新的CherryMarkdown組件為例。

首先,CherryMarkdown本身就支持文件上傳處理,所以我們可以直接拿到js中的file,這里就不用考慮獲取文件的方式了。

這里我們直接用window來(lái)保存這個(gè)file對(duì)象,這樣操作應(yīng)該是最簡(jiǎn)單的。

 fileUpload(file, callback) {
                        window.files = {};
                        window.files[0] = file;
                        obj.invokeMethodAsync('Upload', {
                            fileName: file.name,
                            fileSize: file.size,
                            contentType: file.type,
                            lastModified: new Date(file.lastModified).toISOString(),
                        }).then(data => {
                            if (data !== "") {
                                callback(data);
                            }
                        })
                    },

這里我們定義了window.files[0]為我們要上傳的文件內(nèi)容。

然后再寫(xiě)一個(gè)方法來(lái)返回這個(gè)window.files[0]。

export function bb_cherry_markdown_file(){
    return window.files[0];
}

這樣,我們的js部分就搞定了,無(wú)需webapi,也無(wú)需其他的支持。

下面我們來(lái)看c#部分,也是相當(dāng)簡(jiǎn)單。

首先我們寫(xiě)一個(gè)Upload方法來(lái)接收文件上傳的請(qǐng)求。

/// <summary>
    /// 文件上傳回調(diào)
    /// </summary>
    /// <param name="uploadFile"></param>
    [JSInvokable]
    public async Task<string> Upload(CherryMarkdownUploadFile uploadFile)
    {
        var stream = await Module.InvokeAsync<IJSStreamReference>("bb_cherry_markdown_file");
        var data = await stream.OpenReadStreamAsync();
        uploadFile.UploadStream = data;
        if (OnFileUpload == null)
        {
            return "";
        }
        return await OnFileUpload.Invoke(uploadFile);
    }

這里的CherryMarkdownUploadFile如下:

/// <summary>
/// 文件信息
/// </summary>
public class CherryMarkdownUploadFile
{
    /// <summary>
    /// 文件名
    /// </summary>
    public string? FileName { get; set; }
    /// <summary>
    /// 文件大小
    /// </summary>
    public long FileSize { get; set; }
    /// <summary>
    /// 最后修改日期
    /// </summary>
    public string? LastModified { get; set; }
    /// <summary>
    /// 文件類(lèi)型
    /// </summary>
    public string? ContentType { get; set; }
    /// <summary>
    /// 上傳的文件流
    /// </summary>
    public Stream? UploadStream { get; set; }
    /// <summary>
    /// 返回碼,0為成功,非0失敗
    /// </summary>
    public int Code { get; set; }
    /// <summary>
    /// 錯(cuò)誤信息
    /// </summary>
    public string? Error { get; set; }
    /// <summary>
    /// 保存到文件
    /// </summary>
    /// <param name="fileName"></param>
    /// <param name="token"></param>
    /// <returns></returns>
    public async Task<bool> SaveToFile(string fileName, CancellationToken token = default)
    {
        var ret = false;
        if (UploadStream != null)
        {
            // 文件保護(hù),如果文件存在則先刪除
            if (System.IO.File.Exists(fileName))
            {
                try
                {
                    System.IO.File.Delete(fileName);
                }
                catch (Exception ex)
                {
                    Code = 1002;
                    Error = ex.Message;
                }
            }
            var folder = Path.GetDirectoryName(fileName);
            if (!string.IsNullOrEmpty(folder) && !Directory.Exists(folder))
            {
                Directory.CreateDirectory(folder);
            }
            if (Code == 0)
            {
                using var uploadFile = File.OpenWrite(fileName);
                try
                {
                    // 打開(kāi)文件流
                    var stream = UploadStream;
                    var buffer = new byte[4 * 1096];
                    int bytesRead = 0;
                    // 開(kāi)始讀取文件
                    while ((bytesRead = await stream.ReadAsync(buffer, token)) > 0)
                    {
                        await uploadFile.WriteAsync(buffer.AsMemory(0, bytesRead), token);
                    }
                    ret = true;
                }
                catch (Exception ex)
                {
                    Code = 1003;
                    Error = ex.Message;
                }
            }
        }
        return ret;
    }
}

可以用來(lái)接收js中的

obj.invokeMethodAsync('Upload', {
                            fileName: file.name,
                            fileSize: file.size,
                            contentType: file.type,
                            lastModified: new Date(file.lastModified).toISOString(),
                        }).then(data => {
                            if (data !== "") {
                                callback(data);
                            }
                        })

并且有一個(gè)SaveToFile方法可以將流保存為文件。

然后就是最關(guān)鍵的這行代碼:

var stream = await Module.InvokeAsync<IJSStreamReference>("bb_cherry_markdown_file");

我們調(diào)用剛剛js中的bb_cherry_markdown_file方法來(lái)獲取瀏覽器中的window.files[0],就可以返回一個(gè)stream,然后我們就可以結(jié)合CherryMarkdownUploadFile來(lái)將文件保存。

到此這篇關(guān)于asp.net6 blazor 文件上傳的文章就介紹到這了,更多相關(guān)asp.net6文件上傳內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vs2015中mysql.h文件打不開(kāi)的解決辦法

    vs2015中mysql.h文件打不開(kāi)的解決辦法

    這篇文章主要為大家詳細(xì)介紹了vs2015中mysql.h文件打不開(kāi)的解決辦法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-06-06
  • ASP.NET Core MVC 中實(shí)現(xiàn)中英文切換的示例代碼

    ASP.NET Core MVC 中實(shí)現(xiàn)中英文切換的示例代碼

    這篇文章主要介紹了ASP.NET Core MVC 中實(shí)現(xiàn)中英文切換的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-02-02
  • 頁(yè)面爬蟲(chóng)(獲取其他頁(yè)面HTML)加載到自己頁(yè)面示例

    頁(yè)面爬蟲(chóng)(獲取其他頁(yè)面HTML)加載到自己頁(yè)面示例

    利用頁(yè)面爬蟲(chóng)(獲取其他頁(yè)面HTML)加載到自己頁(yè)面,實(shí)現(xiàn)所謂的小偷程序吧,具體實(shí)現(xiàn)代碼如下,感興趣的朋友可以參考下哈
    2013-06-06
  • ASP.NET中Web API解決跨域問(wèn)題

    ASP.NET中Web API解決跨域問(wèn)題

    這篇文章介紹了ASP.NET中Web API解決跨域問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-03-03
  • ASP.NET MVC中的AJAX應(yīng)用

    ASP.NET MVC中的AJAX應(yīng)用

    這篇文章主要介紹了ASP.NET MVC中的AJAX應(yīng)用的相關(guān)資料,需要的朋友可以參考下
    2014-10-10
  • 模擬QQ心情圖片上傳預(yù)覽示例

    模擬QQ心情圖片上傳預(yù)覽示例

    目前js端不支持獲取本地圖片進(jìn)行預(yù)覽,正好在做一款類(lèi)似于QQ心情的發(fā)布框,找了不少jquery插件,先粘上以下插件,感興趣的朋友可以參考下
    2013-08-08
  • .NET Core2.1如何獲取自定義配置文件信息詳解

    .NET Core2.1如何獲取自定義配置文件信息詳解

    這篇文章主要給大家介紹了關(guān)于.NET Core2.1如何獲取自定義配置文件信息的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2018-08-08
  • .NET中函數(shù)Main的使用技巧

    .NET中函數(shù)Main的使用技巧

    任何語(yǔ)言開(kāi)發(fā)出來(lái)的程序,都會(huì)有一個(gè)程序入口函數(shù),可能每個(gè)語(yǔ)言所使用的程序入口函數(shù)名稱(chēng)不一樣,但是它們的作用都是一樣的,都是被操作系統(tǒng)去調(diào)用。那么本文主要總結(jié).NET中的程序入口函數(shù)Main使用的小技巧。
    2016-10-10
  • ASP.NET?MVC項(xiàng)目實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)無(wú)刷新

    ASP.NET?MVC項(xiàng)目實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)無(wú)刷新

    這篇文章介紹了ASP.NET?MVC項(xiàng)目實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)無(wú)刷新的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-07-07
  • Asp.Net 生成靜態(tài)頁(yè)并實(shí)現(xiàn)分頁(yè)效果

    Asp.Net 生成靜態(tài)頁(yè)并實(shí)現(xiàn)分頁(yè)效果

    Asp.Net 生成靜態(tài)頁(yè)并實(shí)現(xiàn)分頁(yè)效果的代碼,需要的朋友可以參考下。
    2010-04-04

最新評(píng)論