fine-uploader

Fine Uploader with Webpack & ES6

瘦欲@ 提交于 2019-12-02 04:32:15
问题 I am attempting to integrate fine-uploader with a React/ES6 application that is bundled via Webpack. Looking for guidance on how to include fine-uploader with this stack. In my webpack.config.js I have set an alias for Fine Uploader like so: resolve: { alias: { 'fine-uploader': path.resolve('node_modules/fine-uploader/s3.fine-uploader') } } And in my React component I have the following: import React from 'react' import 'fine-uploader' export default () => { return <h1>Fine Uploader</h1> }

Fine Uploader with Webpack & ES6

◇◆丶佛笑我妖孽 提交于 2019-12-02 02:23:39
I am attempting to integrate fine-uploader with a React/ES6 application that is bundled via Webpack. Looking for guidance on how to include fine-uploader with this stack. In my webpack.config.js I have set an alias for Fine Uploader like so: resolve: { alias: { 'fine-uploader': path.resolve('node_modules/fine-uploader/s3.fine-uploader') } } And in my React component I have the following: import React from 'react' import 'fine-uploader' export default () => { return <h1>Fine Uploader</h1> } Webpack barks at me though: Module not found: Error: Cannot resolve 'file' or 'directory' /Users/mfeltner

Fineuploader - add jqCrop

☆樱花仙子☆ 提交于 2019-12-02 00:55:47
I already implemented drag&drop image sorting with Fineuploader (using jQuery Sortable for this), and now I would like to add jqCrop support ( http://adriengibrat.github.io/jQuery-crop/ ). Ideally I would like to let the user crop the image before upload. What would be the best way to implent this? First off, I so no reason to use jqCrop. It doesn't appear to do anything that JCrop doesn't already do, and jCrop is much more widely used (and probably tested as a result). With that in mind, here are the steps you must follow: Step 1: Use JCrop to gather dimensions for the new image and then draw

Fine Uploader to S3 bucket getting 405 Method Not Allowed error

僤鯓⒐⒋嵵緔 提交于 2019-12-01 16:32:24
I have been banging my head against the wall on this and am entirely stumped. I am trying to use FineUploader to upload files directly to my Amazon S3 bucket. I have essentially copied the code from the fineuploader.com web page (Upload Files Directly to Amazon S3) and the server-side PHP. When I attempt to upload a file I see the post to the signature endpoint seems to work successfully but when it attempts to upload to S3 I get a 405 "Method Not Allowed" error. HTML <!DOCTYPE html> <html > <head > <meta charset = "utf-8" > <link href = "http://fineuploader.com/source/fineuploader-3.9.1.min

FineUploader submitDelete Get FileName and Extension

三世轮回 提交于 2019-12-01 14:39:47
I need to call a Web Service before the file is delete so I decided to use the "submitDelete" callback. What I'm trying to accomplish is to get the Name of the File and its extension. Does Fine Uploader have a method that I could call just get this information? Below is my current code. $('#uploader').fineUploader({ request: { endpoint: 'upload.asp' }, deleteFile: { enabled: true, endpoint: 'Upload.asp' }, multiple: false }).on('submitDelete', function (id) { alert(id); }); You can pass whatever parameters you want with the DELETE request. In the submitDelete callback, for example, you can

FineUploader submitDelete Get FileName and Extension

心已入冬 提交于 2019-12-01 13:19:49
问题 I need to call a Web Service before the file is delete so I decided to use the "submitDelete" callback. What I'm trying to accomplish is to get the Name of the File and its extension. Does Fine Uploader have a method that I could call just get this information? Below is my current code. $('#uploader').fineUploader({ request: { endpoint: 'upload.asp' }, deleteFile: { enabled: true, endpoint: 'Upload.asp' }, multiple: false }).on('submitDelete', function (id) { alert(id); }); 回答1: You can pass

How to access fineuploader parameters onComplete function?

佐手、 提交于 2019-12-01 12:23:37
manualuploader.fineUploader('setParams', { foo: bar }); var manualuploader = $('#manual-fine-uploader').fineUploader({ . . . }) .on('submit', function(event, id, name) { . . }).on('complete', function(event, id, fileName, responseJSON) { // HOW CAN I ACCESS TO foo -parameter HERE? } }); The responseJSON parameter will include any and all keys and values returned in your server's response to the upload request. The setParams function is used to send parameters in the upload request to your server. If, for some reason, you want to make these same values available to your complete callback,

How to access fineuploader parameters onComplete function?

℡╲_俬逩灬. 提交于 2019-12-01 10:05:53
问题 manualuploader.fineUploader('setParams', { foo: bar }); var manualuploader = $('#manual-fine-uploader').fineUploader({ . . . }) .on('submit', function(event, id, name) { . . }).on('complete', function(event, id, fileName, responseJSON) { // HOW CAN I ACCESS TO foo -parameter HERE? } }); 回答1: The responseJSON parameter will include any and all keys and values returned in your server's response to the upload request. The setParams function is used to send parameters in the upload request to

Fine Uploader getting “Policy expired” message sending to S3 for some

北城余情 提交于 2019-12-01 09:16:53
I recently implemented Fine Uploader and it's been mostly successful. A few users are however are not able to upload. They are all using modern browsers (IE10, FF and Chrome). One let me remotely access their machine and I was able to try it on both Chrome and FF. I got the same error on both: [10:45:28.330] "[FineUploader 3.8.0] Received response status 403 with body: <?xml version="1.0" encoding="UTF-8"?> <Error><Code>AccessDenied</Code><Message>Invalid according to Policy: Policy expired.</Message><RequestId>--removed--</RequestId><HostId>--removed--</HostId></Error>" Is it something with

Fine Uploader getting “Policy expired” message sending to S3 for some

喜欢而已 提交于 2019-12-01 07:18:35
问题 I recently implemented Fine Uploader and it's been mostly successful. A few users are however are not able to upload. They are all using modern browsers (IE10, FF and Chrome). One let me remotely access their machine and I was able to try it on both Chrome and FF. I got the same error on both: [10:45:28.330] "[FineUploader 3.8.0] Received response status 403 with body: <?xml version="1.0" encoding="UTF-8"?> <Error><Code>AccessDenied</Code><Message>Invalid according to Policy: Policy expired.<