ASP.NET

options in uploadify plugin after images uploaded RSS

1 reply

Last post Feb 26, 2013 08:43 AM by Song-Tian - MSFT

‹ Previous Thread|Next Thread ›

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?

Please 'Mark as Answer' if this post helps you

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);
                    }
                });

            }
    );

Please mark the replies as answers if they help or unmark if not.
Feedback to us

Develop and promote your apps in Windows Store

Marked as answer by Song-Tian - MSFT on Mar 07, 2013 02:34 AM