logo
down
shadow

Fineuploader with Azure, Empty image problem


Fineuploader with Azure, Empty image problem

By : Derege Bayisa
Date : September 29 2020, 05:00 AM
it helps some times This may be a problem with Fine Uploader.
Fine Uploader is an open source project that was shut down over a year ago.
code :


Share : facebook icon twitter icon
How to include Content-MD5 header in FineUploader Azure request?

How to include Content-MD5 header in FineUploader Azure request?


By : user3561676
Date : March 29 2020, 07:55 AM
fixed the issue. Will look into that further Fine Uploader provides direct access to the underlying File or Blob object via the getFile(id) API method. Once you have access to this, you can make use of FileReader to read the file/blob bytes and generate a hash. To make hashing even easier, consider using a JS library like SparkMD5.
The best place to calculate this hash is probably in an onSubmit callback handler. Since the process of reading a file is asynchronous, you will have to return a promise in your handler, which is supported by Fine Uploader. Once the hash has been calculated, resolve the promise and set the hash as a parameter for the file using Fine Uploader's setParams API method.
FineUploader to Azure Storage

FineUploader to Azure Storage


By : Muhammed Atar
Date : March 29 2020, 07:55 AM
hope this fix your issue
When uploading to Azure Storage, does FineUploader send the file directly to Azure Storage or to the server first?
CORS configuration issue with FineUploader Azure

CORS configuration issue with FineUploader Azure


By : Zac Medico
Date : March 29 2020, 07:55 AM
Hope that helps The issue is with your SAS endpoint (https://ingridapp.azurewebsites.net), not with Azure Blob Storage. You haven't setup your SAS endpoint to handle CORS/cross-origin requests.
FineUploader Wrong Getting Azure Blob Storage URI

FineUploader Wrong Getting Azure Blob Storage URI


By : Navin Sagar T.N
Date : March 29 2020, 07:55 AM
I think the issue was by ths following , I was able to make it work. Basically there're a few things that one need to keep in mind:
code :
var uploader = new qq.azure.FineUploader({
    debug: true,
    element: document.getElementById("uploader"),
    cors: {
        expected: true,
        sendCredentials: false
    },
    signature: {
        endpoint: 'http://localhost:63194/users/sas'
    },
    request: {
        endpoint: 'https://account-name.blob.core.windows.net/container-name'
    },

})
[Route("sas")]
[HttpGet]
public async Task<HttpResponseMessage> Sas(string blobUri)
{
    var credentials = new StorageCredentials("account-name", "account-key");
    var blob = new CloudBlockBlob(new Uri(blobUri), credentials);
    var sasParameters = new SharedAccessBlobPolicy()
    {
        SharedAccessExpiryTime = DateTime.UtcNow.AddHours(1),
        Permissions = SharedAccessBlobPermissions.Write
    };
    var sasToken = blob.GetSharedAccessSignature(sasParameters);
    var returnValue = blob.Uri.AbsoluteUri + sasToken;
    var resp = new HttpResponseMessage(HttpStatusCode.OK);
    resp.Content = new StringContent(returnValue, System.Text.Encoding.UTF8, "text/plain");
    return resp;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="fine-uploader-gallery.min.css" rel="stylesheet">
    <script src="azure.fine-uploader.min.js""></script>
    <script type="text/template" id="qq-template">
        <div class="qq-uploader-selector qq-uploader qq-gallery" qq-drop-area-text="Drop files here">
            <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">
                <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
            </div>
            <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
                <span class="qq-upload-drop-area-text-selector"></span>
            </div>
            <div class="qq-upload-button-selector qq-upload-button">
                <div>Upload a file</div>
            </div>
            <span class="qq-drop-processing-selector qq-drop-processing">
                <span>Processing dropped files...</span>
                <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
            </span>
            <ul class="qq-upload-list-selector qq-upload-list" role="region" aria-live="polite" aria-relevant="additions removals">
                <li>
                    <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
                    <div class="qq-progress-bar-container-selector qq-progress-bar-container">
                        <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
                    </div>
                    <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
                    <div class="qq-thumbnail-wrapper">
                        <img class="qq-thumbnail-selector" qq-max-size="120" qq-server-scale>
                    </div>
                    <button type="button" class="qq-upload-cancel-selector qq-upload-cancel">X</button>
                    <button type="button" class="qq-upload-retry-selector qq-upload-retry">
                        <span class="qq-btn qq-retry-icon" aria-label="Retry"></span>
                        Retry
                    </button>

                    <div class="qq-file-info">
                        <div class="qq-file-name">
                            <span class="qq-upload-file-selector qq-upload-file"></span>
                            <span class="qq-edit-filename-icon-selector qq-btn qq-edit-filename-icon" aria-label="Edit filename"></span>
                        </div>
                        <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
                        <span class="qq-upload-size-selector qq-upload-size"></span>
                        <button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">
                            <span class="qq-btn qq-delete-icon" aria-label="Delete"></span>
                        </button>
                        <button type="button" class="qq-btn qq-upload-pause-selector qq-upload-pause">
                            <span class="qq-btn qq-pause-icon" aria-label="Pause"></span>
                        </button>
                        <button type="button" class="qq-btn qq-upload-continue-selector qq-upload-continue">
                            <span class="qq-btn qq-continue-icon" aria-label="Continue"></span>
                        </button>
                    </div>
                </li>
            </ul>

            <dialog class="qq-alert-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <div class="qq-dialog-buttons">
                    <button type="button" class="qq-cancel-button-selector">Close</button>
                </div>
            </dialog>

            <dialog class="qq-confirm-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <div class="qq-dialog-buttons">
                    <button type="button" class="qq-cancel-button-selector">No</button>
                    <button type="button" class="qq-ok-button-selector">Yes</button>
                </div>
            </dialog>

            <dialog class="qq-prompt-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <input type="text">
                <div class="qq-dialog-buttons">
                    <button type="button" class="qq-cancel-button-selector">Cancel</button>
                    <button type="button" class="qq-ok-button-selector">Ok</button>
                </div>
            </dialog>
        </div>
    </script>

    <title>Fine Uploader Gallery UI</title>
</head>
<body>
    <div id="uploader"></div>
    <script>
        // Some options to pass to the uploader are discussed on the next page
        var uploader = new qq.azure.FineUploader({
            debug: true,
            element: document.getElementById("uploader"),
            cors: {
                expected: true,
                sendCredentials: false
            },
            signature: {
                endpoint: 'http://localhost:63194/users/sas'
            },
            request: {
                endpoint: 'https://account-name.blob.core.windows.net/container-name'
            },

        })
    </script>
</body>
</html> 
FineUploader uploads to Azure stall on Android devices

FineUploader uploads to Azure stall on Android devices


By : Loiku
Date : March 29 2020, 07:55 AM
Hope this helps This issue doesn't seem to be fineuploader's fault, but instead appears to be a result of the way SSL works on Azure Blob Storage that only allows a specific amount of data to be transferred in a single HTTPS session (around 5 megs in my testing).
Microsoft has acknowledged the issue, but there is no ETA on a fix. I'm not clear why this issue only affects certain implementations of SSL.
Related Posts Related Posts :
  • Can not convert 'string' to 'int'
  • Passing Type to Method for Use in Generic
  • Getting the value of an integer array from LIST<>
  • Parsing Html tags using c#
  • ListBox Showing First Item Only
  • developing a GUI in C# on Cosmos OS
  • How can I refactor this to work without breaking the pattern horribly?
  • Type Parameter Unification
  • Unit testing an MVC action method with a Cache dependency?
  • Finding a sequence in a List
  • How to read binary column in database into image on asp.net page?
  • Form.Show() is not showing it's child controls
  • Clearing WebBrowser control's cookies for all sites WITHOUT clearing for IE itself
  • Linq 2 Sql DateTime format to string yyyy-MM-dd
  • is there a better way to write this frankenstein LINQ query that searches for values in a child table and orders them by
  • Combine NotifyIcon and ToolTip
  • How to apply custom BidirectionalGraph from QuickGraph to GraphLayout from Graph#?
  • How do I output coloured text from by unit tests in the R# Unit Test Session window in Visual Studio?
  • C# - Getting a RawFraction Performance Counter to show a persistent value
  • Copy a ListView’s Items to the Clipboard in WPF C#
  • How to get the project path at Design Time
  • How do I parse the free format address to save into the DataBase
  • Populate StackPanel with checkbox's from Database
  • .Net/C# Build Tool - Is NAnt a preferred tool?
  • ASP.NET MVC: Localization issues (wrong resx file for culture)
  • WPF Toolkit Pie Chart Style Colors
  • .NET File locking problem
  • How to insert more than 256 columns in a Open Office Calc sheet using c#?
  • Why does FileDialog sometimes not remember the initial directory?
  • ActiveDirectory DirectorySearcher: Check if user is member of a group
  • How can I use Moq here?
  • How to copy file to the C:\Program Files (x86)\
  • Is -10 between 1.5 × 10^-45 and 3.4 × 10^38?
  • Is it possible to get the item index using Contains?
  • save System.Net.mail.MailMessage as .msg file
  • SystemParametersInfo parameter definitions for C#
  • How to add/edit functionality in the same page without flickering?
  • NHibernate generate mappings from classes?
  • How to prevent out-of-range datetime value error?
  • how to inject logger instance to every class that has a property of type ILogger using MEF
  • UDPClient First Time Using -- What's Wrong?
  • Help with debugging COM errors? (.mdi to .pdf file conversions using Microsoft Office Document Imaging)
  • Need to iterate through SQL table rows, one at a time (table too big to use adapter.Fill)
  • Why are virtual methods considered early bound?
  • programatically get public key token using .snk file c#
  • Howto place data from DataSet to List
  • C# what is the size of unmanaged object?
  • C# why sizeof is unsafe and how to get size of a struct in a safe way?
  • NullReferenceException with Ckeditor 5 and ASP.NET MVC bundle error?
  • How to refresh unc path cache?
  • dllexport Struct pointers and returning uint8_t
  • Is it a good practice to have setter in the get instance property of a singleton class
  • How to sort the coordinates of a hash set in C#
  • Multiply 64-bit integers using .NET Core's hardware intrinsics
  • How to parse string data to string and long?
  • Submit Button is not working In Razor asp.net mvc
  • While loop multiple condition check with single variable
  • Inside a catch clause, how can I see an exception without a name
  • How I can use Certificate.pfx for windows exe build
  • I'm trying to detect that SQL Server Compact Edition is installed in a system or not
  • shadow
    Privacy Policy - Terms - Contact Us © 35dp-dentalpractice.co.uk