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

【问题标题】：How to create Jquery FileUpload with ASP.NET C# included CRUD (not MVC)如何使用包含 CRUD（不是 MVC）的 ASP.NET C# 创建 Jquery FileUpload
【发布时间】：2017-03-23 01:29:43
【问题描述】：

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

Ps：CRUD的意思是创建/读取/更新/删除

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

控制台

网络

【问题讨论】：

标签： c# jquery asp.net jquery-file-upload

【解决方案1】：

让我们建立一个共同的理解。

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

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

如果您想获得有关如何使用插件的一些参考，也许这个tutorial here - aspnet web form and jquery file upload 会有所帮助。

希望这会有所帮助。

【讨论】：

嗨@Sudarpo 感谢您的反馈，我已经在我的环境中尝试过（教程在这里 - aspnet web 表单和 jquery 文件上传），但不幸的是它不起作用，希望你能给我如果你有完整的示例代码，谢谢
嗨 Willie.. 底部页面有完整的解决方案（在总结部分下）。 github link
你能看看网络标签，看看哪里出错了吗？
@WillieCheng，您是否尝试上传任何文件？您的“网络”仅显示来自 BrowserLink 的流量。如果您不共享代码，则很难说出问题所在。
我从网站上复制了源代码，并在我的 VS 中运行它，我没有触摸或更改任何东西，然后我收到了你看到的错误消息。顺便说一句，你能帮我复制源代码并在你的环境中运行吗，希望你能看到同样的问题，非常感谢

【解决方案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);
        }

【讨论】：

嗨@RAJNIK 感谢您的帮助，但我需要使用 JQuery 文件上传来完成我的项目，所以您对我的问题有任何想法，再次感谢

【解决方案3】：

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

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

2.检查所有地址的Css和JQuery都可以获取脚本

【讨论】：