Как я могу использовать Asp.Net Image Control в JQuery

Question

Я хотел бы знать, как использовать обычный элемент управления Asp.Net Image в jquery для отображения его URL-пути как Image1.Imageurl=""

Это мой сценарий:

  <script type="text/javascript">
        // Convert divs to queue widgets when the DOM is ready
        $(function () {
            $("#uploader").plupload({
                // General settings
                runtimes: 'gears,flash,silverlight,browserplus,html5',
                url: 'Final.aspx',
                max_file_size: '10mb',
                max_file_count: 25,
                chunk_size: '1mb',
                unique_names: true,

                // Resize images on clientside if we can
                //                    resize: { width: 320, height: 240, quality: 90 },

                // Specify what files to browse for
                filters: [
            { title: "Image files", extensions: "jpg,gif,png" },
            { title: "Zip files", extensions: "zip" }
        ],

//                resize: { width: 320, height: 240, quality: 90, beforeUpload: false },

                // thumbnails
                thumb: { width: 100, height: 100, quality: 90 },

                // Flash settings
                flash_swf_url: 'js/plupload.flash.swf',

                // Silverlight settings
                silverlight_xap_url: 'js/plupload.silverlight.xap'
            });


            // Client side form validation
            $('form').submit(function (e) {
                var uploader = $('#uploader').plupload('getUploader');

                // Files in queue upload them first
                if (uploader.files.length > 0) {
                    // When all files are uploaded submit form
                    uploader.bind('StateChanged', function () {
                        if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {
                            $('form')[0].submit();
                        }
                    });

                    uploader.start();
                }
                else
                    alert('You must at least upload one file.');

                return false;
            });
            var uploader = $('#uploader').plupload('getUploader');
            uploader.bind('FileUploaded', function (up, file, res) {

                $('#showfilelist').append("<div id=" + file.id + " class='thumb'><a href='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' target='_blank' rel='gallery'><img src='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' width='50' height='50'/></a></div>");

            });    
        });
</script>

Когда загрузка будет завершена, мне нужно отобразить только одно изображение в элементе управления изображением, как если использовать append, то он добавляет все изображения.

Вот мой контроль изображения:

 <asp:Image ID="Image1" runat="server" BackColor="#0099CC" BorderStyle="None" 
                                Height="624px" Width="500px" />

Answer 1

Image.ImageUrl переводится в <img src=''>, поэтому установите атрибут src с помощью JQuery. Вам просто понадобится техника для получения URL, необходимого для клиента, для отображения этого конкретного изображения.