i want to provide an option to users where when they select files/images in uploadify,after upload completed,i want to show users their uploaded images with options either they want to edit their title and create watermark. This is what i have tried in php
and want to do in asp.net ...both not working
How to get images src on imaghtml.php and make these options workable.If some one click delete it should delete image and edit title and create water mark here?
shafiqkr
Member
454 Points
372 Posts
options in uploadify plugin after images uploaded
Feb 23, 2013 12:08 PM|LINK
i want to provide an option to users where when they select files/images in uploadify,after upload completed,i want to show users their uploaded images with options either they want to edit their title and create watermark. This is what i have tried in php and want to do in asp.net ...both not working
$("#file_upload").uploadify({ 'uploader' : 'uploadifyit/uploadify.swf', 'script' : 'uploadifyit/uploadify.php', 'cancelImg' : 'uploadifyit/cancel.png', 'folder' : 'uploads', 'fileDesc' : 'Image Files', 'fileExt' : '*.jpg;*.jpeg;*.gif;*.png', 'sizeLimit' : 4 * 1024 * 1024, 'multi' : true, 'auto' : true, 'onQueueFull': function(event, queueSizeLimit) { alert("Please don't put anymore files in me! You can upload " + queueSizeLimit + " files at once"); return false; }, 'onComplete': function(event, ID, fileObj, response, data) { rand_key=$('input#rand_key').val(); $.post("insertimages.php", { name: response, rand_key: rand_key }, function(info) { $("#showimages").load("listings/images/"+$('input#rand_key').val()+"/listings/imaghtml.php") // alert(response); // alert UPLOADED FILE NAME }); } });on imaghtml.php i want to create html which show images with those options..here is imaghtml.php
<div class="image-sort ui-sortable" id="image-sort"> <li class="images" id="PhotoOrder_499206"> <img width="110" height="90" src="Winter.jpg" title="tt" id="image_499206"> <a href="#" class="bar_link" id="499206">Delete</a> | <a id="499206" class="edit_title" href="# X">Edit Title</a> <br> <div style="color:#0F4B87; font-size: 12px;">Watermark <input type="checkbox" value="" class="enable_watermark" name="499206" id="499206"></div> </li> <li class="images" id="PhotoOrder_499513"> <img width="110" height="90" src="Water-lilies.jpg" title="No title" id="image_499513"> <a href="#" class="bar_link" id="499513">Delete</a> | <a id="499513" class="edit_title" href="# X">Edit Title</a> <br> <div style="color:#0F4B87; font-size: 12px;">Watermark <input type="checkbox" checked="checked" value="" class="enable_watermark" name="499513" id="499513"></div> </li>How to get images src on imaghtml.php and make these options workable.If some one click delete it should delete image and edit title and create water mark here?
Song-Tian - ...
All-Star
43699 Points
4304 Posts
Microsoft
Re: options in uploadify plugin after images uploaded
Feb 26, 2013 08:43 AM|LINK
Hi,
You can use ajax.post in asp.net as follow:
$(document).ready(function () { $("#btnAdd").bind("click", function (event) { event.preventDefault(); var name = $("#txtName").val(); var data = JSON.stringify({ 'name': 'name' }); $.ajax({ type: "POST", url: "WebService.asmx/Save", data: data, contentType: "application/json; charset=utf-8", dataType: "json", success: function (response) { alert(response.d); }, error: function (response) { alert(response.statusText); } }); } );Feedback to us
Develop and promote your apps in Windows Store