如何使用 ASP.NET C# 包含的 CRUD（非 MVC）创建 Jquery FileUpload

Question

您好，我在 google 搜索中看到了很多文档，并找到了很多讨论 php / python（如 jQuery File Upload Demo）等的页面。但是我没有看到关于 ASP.NET for C# 或 VB（不是 MVC）的任何信息，所以任何人都可以帮助我提供任何线索，希望给我完整的示例代码或参考 URL它包含在 CRUD 中，顺便说一句，我将继续搜索并尝试处理这个问题

Ps：增删改查的意思是create/read/update/delete

我试过 this sample 但我收到了一些错误消息，如下图

控制台

网络

Answer 1

让我们建立一个共识。

CRUD = 创建读取更新删除
jquery 文件上传 -> 文件上传

不确定 jquery 文件上传需要哪种 CRUD 操作。您能否进一步详细说明您的要求？

如果您需要有关如何使用该插件的一些参考，也许这篇 tutorial here - aspnet web form and jquery file upload 会对您有所帮助。

希望对您有所帮助。

Answer 2

您可以将此代码用于 C# ASP.NET

JS函数

function SaveFiles() {

        var fileInput = document.getElementById('fileInput');
        var file = $("#fileInput").val();

        if (file.length > 0) {
            var fd = new FormData();
            var xhr = new XMLHttpRequest();
            xhr.open('POST', '/Admin/UploadImage');
            xhr.setRequestHeader('Content-type', 'multipart/form-data');

            //Appending file information in Http headers
            xhr.setRequestHeader('X-File-Name', fileInput.files[0].name);
            xhr.setRequestHeader('X-File-Type', fileInput.files[0].type);
            xhr.setRequestHeader('X-File-Size', fileInput.files[0].size);
            xhr.setRequestHeader['X-File-FileName', 1];
            xhr.setRequestHeader['X-File-Id', id];

            //Sending file in XMLHttpRequest
            xhr.send(fileInput.files[0]);
            xhr.onreadystatechange = function (data) {

                if (xhr.readyState == 4 && xhr.status == 200) {

                    alert("Image Uploaded Successfully...");

                }
            }
        }
    }

C#代码

public JsonResult UploadImage()
        {
            string fileName = Request.Headers["X-File-Name"];
            string fileType = Request.Headers["X-File-Type"];
            int fileSize = Convert.ToInt32(Request.Headers["X-File-Size"]);

            System.IO.Stream fileContent = Request.InputStream;
            System.IO.FileStream fileStream = System.IO.File.Create(Server.MapPath("~/UploadImg/" + fileName));
            fileContent.Seek(0, System.IO.SeekOrigin.Begin);

            //Copying file's content to FileStream
            fileContent.CopyTo(fileStream);
            fileStream.Dispose();

            string FileName = Server.MapPath("~/UploadImg/" + fileName);

            //Here you can code for insert in database

            return Json(FileName);
        }

Answer 3

我找到了我的问题，并尝试按照以下步骤解决我的问题。
1.在main.js

处修改url

$(function () { 
    'use strict';
    // Initialize the jQuery File Upload widget:
    $('#fileupload').fileupload({
        url: 'server/******/'   // to your cs location
    });

2.To 检查所有 Css 和 JQuery 地址是否可以获取脚本

如何使用 ASP.NET C# 包含的 CRUD（非 MVC）创建 Jquery FileUpload

How to create Jquery FileUpload with ASP.NET C# included CRUD (not MVC)

c#

asp.net

jquery

jquery-file-upload