I have 2fileupload control 2 button and 2 <asp:image>
I want when user select their image from FUP and click on button it show their selected image into image tag so i should bind image tag from database but i don't know where should i write code that bind my image tag from database
i am using Asynchronous file upload in model pop up control . i want to show the uploaded image's preview wthin the modelpopup after the upload is completed. anyone tell me how i can do it
Problem:in the Host(not local system) Captcha show only one image that created for first time,but in my local system every things is right,and captcha change for every page load...
i think image can't find server folder address and always show first produced image!!!
see code:
[Code]....
where is the problem?
notice:when i see server "Upload" folder and "AddIntuitionReflexRandom.gif" file,content change truly,but that can't show in my image.
I'm having an image in my page displayed to clients form a folder under same apllication folder,I also have a form in the same page that accepts an image file to be uploaded. The image that is uploaded via this form should take the place of the image that's displayed in the page with the name newly givven at runtime. The new image should be uploaded in the same directory with the new name provided, which means it overwrites the previous image.
[URL].... I got correct code .. but image is not stable on mouse over.... little bit flying...
and on mouse out still previous image will display.....
Requirement:
I have grid with some product details.. like product id ,price,description. on mouse over of each row. should display a image of particular product thumb nail..
I'm no expert with Image controls, or dynamically adding anything, but I seem to have some problem when dynamically adding image controls
When the page loads the images are "there", but they don't actually show an image...just an image "box" I guess you could call it. It's not the "broken" image or "invalid" image display, but a friendlier one that doesn't make sense to me why it's there.
I look at the page's source and literally everything's fine, but I'm not sure what's going wrong. I can show you my code, and hopefully someone will point out the dumb thing I'm doing wrong:
[Code]....
[Code]....
So, it takes all the .JPG files in the folder "Pictures" of my project's folder and creates an Image control to be put into Panel1 with the ImageURL as its filename (with Directory Path) and even set the ID to its filename (so no duplicate IDs). Again, the source is exactly how it should be, but no image is shown.
Me with C# asp.net. In my sqlserver database table I have 2 fields Id and Imagepath like
Id Imagepath
1 images/car1.jpg
1 images/car2.jpg
1 images/car3.jpg
2 images/car4.jpg
2 images/car5.jpg
On page1.aspx I have a text box and a button, on entering 1 in textbox and on button click load, I want to show page2.aspx and all the images with Id 1 (ie car1.jpg,car2.jpg,car3.jpg) should be shown. How can I show like this with out placing image control by default in page2.aspx because number of image varies ie if I enter 2 I want to show only 2 images.
I have a menu control that I'm binding with database data, and I want to use a Popout image for submenus, but the image won't show up. I've tried using the default image and using a custom image and neither of them shows up. I've also tried turning it on through code and that doesn't seem to work either. Also, for certain menu items, I would like to show a padlock indicating that security is implemented for this link, but I can't seem to get that to work either. I've tried something like this:
We have a scenario where we would like to allow our users to upload images to the site. We are running on ASP.Net. A quick search did not result in anything good. It would be great if the control is free/open source but we do not mind paying a little bit.
I'm using a slightly modified version of Valum's upload [github link], I've modified it to upload to a database but haven't modified the javascript that it is using to get the file into the Request as an InputStream. The following line of code is failing in IE 8 but is confirmed to work in Chrome. using (Image imgInput = Image.FromStream(Request.InputStream)) The error received is "Parameter not valid". It appears to be having an issue with the Input Stream being used but it exists/has data (not sure how to validate if the data is good or not).
Page <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <h2>Upload-Pictures</h2> <div id="file-uploader"> <noscript> <p>Please enable JavaScript to use file uploader.</p> </noscript> </div> <script src="/Scripts/fileuploader.js" type="text/javascript"></script> <script type="text/javascript"> function createUploader() { var uploader = new qq.FileUploader({ element: document.getElementById('file-uploader'), action: '/Admin/FileUpload/' + <%= Model.PropertyId %>, debug: true }); } window.onload = createUploader; </script> </asp:Content> Controller [AcceptVerbs(HttpVerbs.Post)] public JsonResult FileUpload(int id) { try { byte[] newImageByteArray = GetByteArrayForResizedImage(350, Request.InputStream); byte[] thumbnailByteArray = GetByteArrayForResizedImage(150, Request.InputStream); //Add to DB } catch (Exception ex) { // This is where the exception is caught return Json(new { success = false, message = ex.Message }, "application/json"); } return Json(new { success = true }, "application/json"); } private static byte[] GetByteArrayForResizedImage(int imageSize, Stream inputStream) { byte[] imageByteArray; // For some reason in IE the inputStream here is causing it to crash using (Image imgInput = Image.FromStream(inputStream)) { //Image processing } return imageByteArray; } fileuploader.js - qq.FileUploader /** * Class that creates upload widget with drag-and-drop and file list * @inherits qq.FileUploaderBasic */ qq.FileUploader = function(o){ // call parent constructor qq.FileUploaderBasic.apply(this, arguments); // additional options qq.extend(this._options, { element: null, // if set, will be used instead of qq-upload-list in template listElement: null, template: '<div class="qq-uploader">' + '<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' + '<div class="qq-upload-button">Upload a file</div>' + '<ul class="qq-upload-list"></ul>' + '</div>', // template for one item in file list fileTemplate: '<li>' + '<span class="qq-upload-file"></span>' + '<span class="qq-upload-spinner"></span>' + '<span class="qq-upload-size"></span>' + '<a class="qq-upload-cancel" href="#">Cancel</a>' + '<span class="qq-upload-failed-text">Failed</span>' + '</li>', classes: { // used to get elements from templates button: 'qq-upload-button', drop: 'qq-upload-drop-area', dropActive: 'qq-upload-drop-area-active', list: 'qq-upload-list', file: 'qq-upload-file', spinner: 'qq-upload-spinner', size: 'qq-upload-size', cancel: 'qq-upload-cancel', // added to list item when upload completes // used in css to hide progress spinner success: 'qq-upload-success', fail: 'qq-upload-fail' } }); // overwrite options with user supplied qq.extend(this._options, o); this._element = this._options.element; this._element.innerHTML = this._options.template; this._listElement = this._options.listElement || this._find(this._element, 'list'); this._classes = this._options.classes; this._button = this._createUploadButton(this._find(this._element, 'button')); this._bindCancelEvent(); this._setupDragDrop(); }; fileuploader.js - qq.FileUploaderBasic /** * Creates upload button, validates upload, but doesn't create file list or dd. */ qq.FileUploaderBasic = function(o){ this._options = { // set to true to see the server response debug: false, action: '/server/upload', params: {}, button: null, multiple: true, maxConnections: 3, // validation allowedExtensions: [], sizeLimit: 0, minSizeLimit: 0, // events // return false to cancel submit onSubmit: function(id, fileName){}, onProgress: function(id, fileName, loaded, total){}, onComplete: function(id, fileName, responseJSON){}, onCancel: function(id, fileName){}, // messages messages: { typeError: "{file} has invalid extension. Only {extensions} are allowed.", sizeError: "{file} is too large, maximum file size is {sizeLimit}.", minSizeError: "{file} is too small, minimum file size is {minSizeLimit}.", emptyError: "{file} is empty, please select files again without it.", onLeave: "The files are being uploaded, if you leave now the upload will be cancelled." }, showMessage: function(message){ alert(message); } }; qq.extend(this._options, o); // number of files being uploaded this._filesInProgress = 0; this._handler = this._createUploadHandler(); if (this._options.button){ this._button = this._createUploadButton(this._options.button); } this._preventLeaveInProgress(); };
I'm trying to do something simple but all the solutions I have read on the net do not work. I have restricted the file size limit to my uploads to 10MB in the web.config file. Now I want to show an error once a user attempts to submit a file larger than 10MB.All I get is a page cannot be displayed if the file size is too big. I have tried the following: