jQuery Cloudinary插件不会启动自动上传

时间:2016-05-13 09:50:22

标签: jquery asp.net-mvc html5 razor cloudinary

我将 Cloudinary jQuery插件附加到我的网站,但没有任何作用。 所以我创建了空项目并尝试在那里运行插件。

我的表单(按钮显示'浏览...文件未被选中') hh

当我点击“浏览”按钮时,我可以选择该文件,但是在选择文件后,标签文件不会被选中'还在那儿。 此外,点击按钮并选择文件后,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();
        }
    }
}

这是项目结构:

hh

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

虽然,没有任何错误或警告,甚至有些工作(在Chrome开发工具F12中,当我选择文件时,输入标签被粉红色高亮一秒)没有什么是我的云彩云

hh

1 个答案:

答案 0 :(得分:1)

您是否在控制台/网络标签中看到任何错误(在开发者工具下)? 您可以在实时网页上分享网址吗?