标签: fine-uploader

我正在将图像上传到服务器,然后处理图像.有趣的是,上传图像后,关键字丢失了.虽然有其他图像属性.

解析标记没有问题,因此请忽略下面的代码段.

using (var xmp = Xmp.FromFile(workingFilePath, XmpFileMode.ReadOnly))
{
    var iptc = new Iptc(xmp);
    var Keywords = iptc.Keywords;
}

注意:我正在使用FineUploader上传图片.

FineUploader配置 -

var manualUploader = new qq.FineUploader({
    element: document.getElementById('fine-uploader-manual-trigger'),
    template: 'qq-template-manual-trigger',
    request: {
        endpoint: '/image/uploadimage',
        params: {
            datestamp: datetimeStamp
        }
    },
    callbacks: {
    },
    autoUpload: false,
    multiple: true
});

qq(document.getElementById("trigger-upload")).attach("click", function () {
    manualUploader.uploadStoredFiles();
});

Fineuploader日志 -

 [Fine Uploader 5.10.1] Received 1 files.
 [Fine Uploader 5.10.1] Attempting to validate image.
 [Fine Uploader 5.10.1] Generating new thumbnail for …

所以,我正在尝试评估精细上传器.我决定去下载页面,但它想要你购买许可证,但我不想在我评估它之前这样做.所以,我去了github并为它下载了主zip并解压缩.我现在的问题是什么？所谓的"循序渐进"并不是一步一步的.我应该建立一些东西吗？文档说明我只需要包含一个文件....哪个文件？在演示中,对于传统用途,我看到它包括fineuploader- {VERSION} .js,但我看不到甚至以"client/js/*"子目录中的"fineuploader"开头的文件.

我完全错过了这方面的文档吗？

谢谢!

我正在使用http://fineuploader.com/上传文件.工作完美.然后我params在request对象中设置发送一些附加参数以发送到服务器.工作完美.然后我添加另一个参数来使用setParamsonSubmit回调发送.不能完美,因为它删除了我的原始参数.我的愿望是将最后一个参数添加到原始参数中,而不是替换它们.我的newPar是一个动态阀门,而不是我的例子中所示的常量.

我是否应该尝试在request对象中定义参数并在回调中完成所有操作？或者request使用匿名函数在对象中设置我添加的参数？或者其他一些方式？

var uploader = new qq.FineUploaderBasic({
    button: document.getElementById('uploader'),
    autoUpload: false,
    multiple:false,
    request: {
        endpoint: 'uploads/handleUploads.php',
        params: {id:123,task:'upload'}
    },
    callbacks: {
        onSubmit: function(id, fileName) {
            this.setParams({newPar:321});
        }
    },
    debug: true
});

我在跨域上传项目中使用FineUploader 3.7.在将代码移动到具有简单身份验证的客户端DEV服务器之前,一切都很好.当预检请求发送到服务器时,有没有办法在表单中嵌入身份验证信息？

我试图在头文件中嵌入基本身份验证,但不起作用.请参考以下代码:

$.ajaxSetup({
    headers: {
        'Authorization': "Basic YZVjaGFmbWluOkNieWxjBTY3"
    },
    beforeSend: function (jqXHR, settings) {
        jqXHR.setRequestHeader('Authorization', 'Basic YZVjaGFmbWluOkNieWxjBTY3');
    }
});

甚至更多,我试图设置自定义标题,没有运气:

var manualuploader = new qq.FineUploader({
  customHeaders: {
    'Authorization': 'Basic YXVjaGFkbWluOkNieWxjZTY3'
  },....

我意识到问题的这种变化已经多次出现,但是在这种情况下我找不到哪个能回答这个问题.

我正在使用第三方fileuploader,它利用jQuery并在文件上传完成时提供成功回调.

我想要实现的是一个带有文本字段的表单,以及fileuploader,当你点击"提交"时,它会触发上传功能(文件开始上传它的进度条),然后等待成功回调继续提交表格.

我必须立刻承认我是一个完全白痴与jQuery,它让我完全迷惑,所以我很不确定如何实现这一点.

到目前为止,我的尝试只会导致表单尝试在文件上载过程中立即提交.

manualuploader.uploadStoredFiles();单击"立即上载"按钮时,将实例化该功能.

实例化文件上传器的jQuery如下:

<form action="index.php" method="post" enctype="multipart/form-data" id="uploader">
<div id="manual-fine-uploader"></div>
<div id="triggerUpload" class="btn btn-primary" style="margin-top: 10px;">
<input type="text" name="textbox" value="Test data">
<input name="test" type="button" value="Upload now">
</div>
</form>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="fineuploader-3.6.3.js"></script>
<script>
$(document).ready(function() {
var manualuploader = new qq.FineUploader({
        element: $('#manual-fine-uploader')[0],
        request: {
                endpoint: 'uploader.php'
        },
        autoUpload: false,
        text: {
                uploadButton: '<i class="icon-plus icon-white"></i> Select Files'
        }
        });
        $('#triggerUpload').click(function() {      
        manualuploader.uploadStoredFiles();
        });
});

</script>

我正在尝试使用jQuery fineuploader(v 3.9.1)上传到S3,并启用了调试功能.上传的所有部分都成功但后来我收到错误"问问亚马逊合并部分的问题!"

我在控制台上启用了调试并获得错误[拒绝获取不安全的标题"ETag"]以及来自亚马逊的错误:

收到带有正文的响应状态400: __CODE__找不到一个或多个指定的部分.该部分可能没有被上传,或者指定的实体标签可能不符合部分的实体tag.eTvPFvkXEm07T17tvZvFacR4vn95EUTqXyoPvlLh1a6AADlc94v7H9.a2jcmow1pjfN1xcdw_xMx60APpXn6rGwhHYtzE0NT90Bs0IVqrkaFHW75yRl5E4nfO3Od6rWZnull0CD2DC02D0870E61R4Kpfe66IDvL44Jx9Aoicxgh9Frqd4qr8ILWHbu5YhlqGomxIBOZvfkgy4R4VsYS1

我一直在撞墙撞墙,完全被难倒了.我正在尝试使用FineUploader将文件直接上传到我的Amazon S3存储桶.我基本上已经从fineuploader.com网页(直接上传文件到Amazon S3)和服务器端PHP复制了代码.

当我尝试上传文件时,我看到签名端点的帖子似乎成功运行但是当它尝试上传到S3时,我得到405"方法不允许"错误.

HTML

<!DOCTYPE html>
<html >
<head >
    <meta charset = "utf-8" >
    <link href = "http://fineuploader.com/source/fineuploader-3.9.1.min.css" rel = "stylesheet" >
</head >
<body >
<div id = "fine-uploader" ></div >

<script src = "http://code.jquery.com/jquery-latest.js" ></script >
<script src = "js/uploader.js" ></script >
<script >
    $(document).ready(function () {
        $("#fine-uploader").fineUploaderS3({
            debug: true,
            request: {
                endpoint: 'upload.roughdrag.com',
                accessKey: 'AKIAJL37USSCV......'
            },

            signature: {
                endpoint: 'handlers/uploadHandler.php'
            },
            uploadSuccess: {
                endpoint: 'index.php'
            },
            iframeSupport: {
                localBlankPagePath: 'blank.html'
            },
            retry: {
                enableAuto: true …

我希望将fineuploader集成到我的JQuery Mobile应用程序中.作为一个起点,我尝试使用fineuploader.com上提供的默认模板来熟悉自己.

我从github下载了最新的fineuploader副本. 我已经通过猜测给出了.js文件的来源,因为我找不到关于要引用哪些文件以便使用fineuploader jquery插件的明确文档.

默认模板不起作用,我相信我没有引用相应的文件？有人可以告诉我可能做错了什么吗？

以下是我在fineuploader.com上使用的默认模板.

<!DOCTYPE html>

<html>
  <head>

      <link href="fine-uploader-master/client/fineuploader.css" rel="stylesheet"/>

  </head>
  <body>

    <!-- The element where Fine Uploader will exist. -->
    <div id="fine-uploader">
    </div>

    <!-- jQuery version 1.10.x (if you are using the jQuery plugin -->
    <script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>

    <!-- Fine Uploader-jQuery -->
    <script src="fine-uploader-master/client/js/jquery-plugin.js" type="text/javascript"></script>
    <script src="fine-uploader-master/client/js/uploader.js" type="text/javascript"></script>
    <script>
    // Wait until the DOM is 'ready'
    $(document).ready(function () {
        $("#fine-uploader").fineUploader({
            debug: true,
            request: {
                endpoint: '/uploads' …

我有一个S3 Fine Uploader实现工作得很好.默认情况下,它上传文件很好,但它们是私有的.基于FineUploader的文档,我将如下的objectProperties选项添加到我的客户端js config中,以便FineUploader将文件公开:

    objectProperties: {
        acl: "public-read"
    },

但是我现在在上传期间从s3获得访问被拒绝的响应:

<Error><Code>AccessDenied</Code><Message>Access Denied</Message>
<RequestId>(removed)</RequestId>
<HostId>(removed)</HostId>
</Error>

如果有帮助,这是我的CORS Bucket Policy:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedMethod>DELETE</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <ExposeHeader>ETag</ExposeHeader>
        <AllowedHeader>content-type</AllowedHeader>
        <AllowedHeader>origin</AllowedHeader>
        <AllowedHeader>x-amz-acl</AllowedHeader>
        <AllowedHeader>x-amz-meta-qqfilename</AllowedHeader>
        <AllowedHeader>x-amz-date</AllowedHeader>
        <AllowedHeader>authorization</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

这是请求的原始HTTP转储:

Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-GB,en-US;q=0.8,en;q=0.6
Connection:keep-alive
Content-Length:39643
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryR70e49pqaNEGSsT1
Host:quickfunnel.s3.amazonaws.com
Origin:http://mysite.local
Referer:http://mysite.local/dashboard/
User-Agent:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36
Request Payload
------WebKitFormBoundaryR70e49pqaNEGSsT1
Content-Disposition: form-data; name="key"

d50e0c4f-1886-48bb-b077-075fca79b6dc.JPG
------WebKitFormBoundaryR70e49pqaNEGSsT1
Content-Disposition: form-data; name="AWSAccessKeyId"

ACCESS-KEY-REMOVED
------WebKitFormBoundaryR70e49pqaNEGSsT1
Content-Disposition: form-data; name="Content-Type"

image/jpeg
------WebKitFormBoundaryR70e49pqaNEGSsT1
Content-Disposition: …

我决定将Fine Uploader用于我当前的AngularJS项目(它连接到Firebase上的托管),因为它在内置的上传器中有许多核心功能,但是我无法理解如何使用Firebase的电子邮件和密码与AWS(Amazon Web Services)通信的身份验证方法,允许我的用户使用Fine Uploader S3上传内容.基于Fine Uploader博客文章上传,没有任何服务器代码,工作流程如下:

1. 在身份提供商(如Google)的帮助下对您的用户进行身份验证
2. 使用ID提供程序中的临时令牌从AWS获取临时访问密钥
3. 将密钥传递给Fine Uploader S3
4. 您的用户现在可以上传到您的S3存储桶

问题是我不会使用OAuth 2.0 (谷歌,Facebook或亚马逊用来提供用户身份)来允许我的用户登录我的应用并上传内容.相反,我将使用Firebase的电子邮件和密码身份验证.

那么我如何让Firebase的电子邮件和密码验证方法创建一个临时令牌来从AWS获取临时访问密钥并将这些密钥传递给Fine Uploader S3以允许我的用户将内容上传到S3？