javascript - Upload image to cloudinary and to my own server using jquery file upload -


i use jquery file upload upload images server. want test out cloudinary, during testing still want upload images own server well.

the code use uploading images server is:

$(function () {     $('#fileupload').fileupload({         url: '/upload/upload.ashx',         maxfilesize: 15000000,         acceptfiletypes: /(\.|\/)(jpe?g)$/i,         datatype: "json",         autoupload: true,         start: function (e) {             $('#progress').removeclass('hidden');         },         progress: function (e, data) {             var progress = parseint(data.loaded / data.total * 100, 10);             $('#progress .progress-bar').css('width', progress + '%');         },         always: function (e) {             $('#progress').addclass('hidden').fadeout("slow");         },         done: function (e, data) {             $('#progress').addclass('hidden');             parent.location.reload();         },     })     .bind('fileuploadadd', function (e, data) {         $('#error').addclass('hidden');     })     .bind('fileuploadprocessfail', function (e, data) {         var currentfile = data.files[data.index];         if (data.files.error && currentfile.error) {             $('#error').html('error: ' + data.files[data.index].error);             $('#error').removeclass('hidden');         }     }) });

the code uploading using cloudinary is:

$('#fileupload').unsigned_cloudinary_upload('test12345',     { cloud_name: 'test' } ).bind('cloudinarystart', function (e, data) {     $('#progress').show(); } ).bind('cloudinaryprogress', function (e, data) {     $('.progress-bar').css('width',         math.round((data.loaded * 100.0) / data.total) + '%'); } ).bind('cloudinarydone', function (e, data) {     $('#progress').hide();     parent.location.reload(); });

now i'm searching way both same time or after each other.

what tried?

i tried putting code cloudinary in "done" part of jquery file upload code not working. tried destroyed fileupload first , start cloudinary code, not working. tried play jquery when/then, still no succes. searched google , stackoverflow can not find need.

the first part of uploading (fileupload) working. cloudinary part not. no errors in console window.

i need way combine scripts.. can me out?

update

i fixed running first script , in upload.ashx uploading cloudinay asp.net. working.

public static uploadresult uploadimage(string tags, string filename, stream stream) {     var uploadparams = new imageuploadparams()     {         file = new filedescription(filename, stream),         publicid = filename,         tags = tags,         uploadpreset = "test12345",     };      var result = new cloudinary(getaccount()).upload(uploadparams);     return new uploadresult     {         uri = result.secureuri,         error = result.error != null ? result.error.message : string.empty     }; }

when "not working", mean cloudinarydone event isn't fired @ after successful upload? because should, , should able details of , pass server. here's example: https://jsfiddle.net/taragano/70dd9vd4/

alternatively, , may more recommended approach, can upload image server first, , server-side upload, i.e., have server upload image directly cloudinary account.


Comments

Post a Comment

Popular posts from this blog

Retrieving ETA (estimated time of arrival) with Google Distance Matrix API and public transit as transport mode -

Image
is possible retrieve eta google's distancematrix api (or alternative api). fyi, eta different duration, when using public transport. following example clarify request. when leave on friday @ 8.15 i'll able catch train @ 8.30 , arrive @ 9.00 am. google says duration 30 minutes. however, when leave on saturday @ 8.15 i'll able catch first train @ 9.00 , arrive @ 9.30 am. google still says duration 30 minutes, means ignore delay. google map supports functionality there api around giving me eta instead of duration. can see, distance-matrix' response no good. clarifying question little. eta estimated time of arrival , it's clear user wants know entire duration of transport (including waiting time public transport).
Read more

javascript - Confirm a form & display message if form is valid with JQuery -

i'm developing django application , use javascript in order improve website. i have form , display 2 things : confirm form before submit if form submitted, display message : 'form saved' it's first time i'm using js , need make process. this code : <form class = "form" method='post' action=''> {% csrf_token %} <br></br> {{ form.as_p}} <br></br> <button type="submit">valider</button> </form> <script> $('#form').submit(function() { var c = confirm("click ok continue?"); return c; //you can return c because true or false }); </script> and if form valid , saved : <script type="text/javascript" > $(document).on('valider', 'form.form', function(form) { var $form = $(form); $.ajax({ ...
Read more

ionic framework - Meteor - Error: Failed to execute 'insertBefore' on 'Node' -

i trying make dynamic list display using meteor, idea load more elements each time bottom of page reached. the html template following : <template name="contacts"> {{#contentfor "headertitle"}} <div class="bar bar-header bar-assertive"> <h1 class="title">contacts :</h1> </div> {{/contentfor}} {{#ionview}} {{#ioncontent}} <div class="list"> {{#each contacts}} <a class="item item-avatar" href="/contacts/{{_id}}"> <img src="/img/ico_client.png"> <h2>{{full_name}}</h2> <p>{{company}}</p> </a> {{/each}} </div> {{#if moreresults}} <div id="showmoreresults" style="margin-left: 25px;"> <span class="loading">loading...</span> </div> {{/if}} {{/ioncontent}} {{/ionview}} </te...
Read more