jQuery Cloudinary 插件不启动自动上传

Question

我正在将 Cloudinary jQuery 插件 附加到我的站点，但没有任何效果。所以我创建了一个空项目并尝试运行在那里插入。

我的表单（按钮显示“浏览...未选择文件”）

当我点击“浏览”按钮时，我可以选择文件，但在选择文件后，标签“未选择文件”仍然存在。此外，点击按钮并选择文件后，Cloudinary 插件应该会自动开始上传到我的云端，但在我的云端没有任何文件。

这是我的看法：

<script src="~/Scripts/jquery.js"></script>
<script src="~/Scripts/jquery.ui.widget.js"></script>
<script src="~/Scripts/jquery.iframe-transport.js"></script>
<script src="~/Scripts/jquery.fileupload.js"></script>
<script src="~/Scripts/jquery.cloudinary.js"></script>

<script type="text/javascript"> 
    $.cloudinary.config({"api_key": "558288263223776", "cloud_name": "ubakip-ru", "private_cdn": false});
</script>

<form action="" method="post" enctype="multipart/form-data" class="upload_form">
    <input class="cloudinary-fileupload"
           data-cloudinary-field="photo_id"
           data-form-data=""
           data-url="https://api.cloudinary.com/v1_1/ubakip-ru/image/upload"
           name="file"
           type="file"
           id="uploadinput">
</form>
    <script>
        var data = {
            "timestamp": @WebApplication9.Controllers.HomeController.getTime(),
            "callback": "~/Content/cloudinary_cors.html",
            "signature": "@WebApplication9.Controllers.HomeController.getSignature()",
            "api_key": "558288263223776"
        };
        $('#uploadinput').attr('data-form-data', JSON.stringify(data));
    </script>

这是控制器：

using System;
using System.Web.Mvc;
using CloudinaryDotNet;
using System.Collections.Generic;

namespace WebApplication9.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        static Cloudinary m_cloudinary;

        static HomeController()
        {
            Account acc = new Account("******-ru", "558288263223776", "***************************");
            m_cloudinary = new Cloudinary(acc);
        }

        public static string getSignature()
        {
            return m_cloudinary.Api.SignParameters(new SortedDictionary<string, object>() { { "api_key", "558288263223776" } });
        }

        public static string getTime()
        {
            return Convert.ToInt64(((DateTime.UtcNow - new DateTime(1970, 1, 1)).TotalSeconds)).ToString();
        }
    }
}

这是项目结构：

时间戳和签名生成很好，我检查了很多次。

不过，没有任何错误或警告，甚至可以正常工作（在 Chrome dev-tools F12 中，当我选择文件时，输入标签被粉红色高亮了一秒钟）什么都没有要去我的云里了。

Answer 1

您是否在 Console/Network 选项卡（在开发人员工具下）中看到任何错误？您能否将 URL 分享到演示此内容的实时网页？

jQuery Cloudinary 插件不启动自动上传

jQuery Cloudinary plugin doesn't initiate automatic uploading

html

asp.net-mvc

jquery

razor

cloudinary