<asp:Image ID="aspImagePreview" runat="server" AlternateText="Preview" Height="190px" Width="290px" ImageUrl="~/file1.jpg" />
when the file file1 has been changed or removed. How can I do one refresh to the item to make it reflect the recent change?
i am using Jcrop to give users the option to crop there images, i have hit a small caching problem.
if you open an image which is already on the server and crop it. my jcrop works and crops the image fine but when i reload the image the old version is displayed. i have this inside an update panel.
so is there a way of removing the browsers cache before i reload the image?
I am using a backgroundimage in a <div>. The image itself has the dimensions 1246 * 1488.
I have set the div property to the same size in the .css file: 1246 * 1488
In the image I have some written text. But now when I open this up in the browser, the image is a bit wider wich makes this text "Blurry"
I wonder why this image is getting bigger in the browser:
[Code]....
How to upload images with some conditions
Like
size not gretr than 50 kb
with = 110px, height 140 px
etc..
I have a page which displays details and a pictures of employees. The details are stored in a SQL database and the images are on the server. How can I set a default Image to display (e.g. an Image saying "Awaiting Image") if an employee picture is missing?
I can't use NullImageUrl as the Images are not stored in the database. I can't use the solution found on [URL] as an ImageField does not accept an ID attribute.
[Code]....
In my asp.net project, I have a view－image page and an upload－image page. I upload an new image and direct to the view page, the image doesn't be changed, because IE won't reload the image if the image's url remains the same.
prefer the way to ask the browser to reload the image independently without server setting or web-headers changes.
i use this code to display my image from database
[URL]
i test it in one page it work correctly but when i want use it in product.aspx page it didn't show image i think in my page there is some code that prevent to showing image from database but i can't find it
<tr>
<td align = "center"><asp:image ToolTip = "ASP Image Control" ID="Image13" runat="server" ImageUrl ="imageH.aspx?ImageID=48" Height="156px" Width="174px"></asp:image></td>
Here the form code -
<div class="textmid2">Adviser Photo :</div><div class="textright">Adviser Sign :</div></div>
<div class="Row"><div class="view_img1">
<asp:ImageMap ID="imgADphoto" runat="server" Width="140px" Height="150px">
</asp:ImageMap> </div>
<div class="view_sign1">
<asp:ImageMap ID="imgADsign" runat="server" Width="200px" Height="70px">
</asp:ImageMap> </div>
Code Behind for form code -
//code behind//
protected void txtCID_OnTextChanged(object sender, EventArgs e) {
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = System.Configuration.ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
cnn.Open();
[Code] .....
I want to achive on functionallity like below.
I want to Dispaly image after image selection.so Users can see image at that moment.
I have to insert default image into databse..when no image is selected from fileupload control.. Here is code...not working for default image...
if (FileUpload1.HasFile){string FileName = System.IO.Path.GetFileName(FileUpload1.PostedFile.FileName);
FileUpload1.SaveAs(Server.MapPath("~/UPLOADEDFILES/" + FileName));
feedBack.Attachments.Add(new Attachment(FileUpload1.PostedFile.InputStream, FileName));
} else {
string filename="~/images/"+ "sun.gif";filename.pPropertyImage = filename;FileUpload1.SaveAs(MapPath(filename));}
i want show an image in image control as user select an image file through fileupload control. and i not want saving image on the my server
View 2 RepliesI'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 need displaying my image file stored from my database into the image control. I've had read some articles and watch video tutorial which there were perfectly working and I followed it but I wasn't able to make it work. The image control just displayed blank. I used Generic Handler to retrieve the image file from my database based on the articles and tutorials I've got. here are my codes below:
Generic Handler:
Code:
<%@ WebHandler Language="C#" Class="ShowImage" %>
using System;
using System.Configuration;
using System.Drawing;
using System.Drawing.Imaging;
[Code] ....
Asp.Net Code for the Image control:
HTML Code:
<asp:Image ID="Image1" runat="server" ImageUrl='<%# "ShowImage.ashx?ID=" + Eval("ID") %>' Height="128px" />
I am knew to CSS I never usually do it. I am creating a menu and I change the image of the button when the button is hovered over it. But when I go on the submenu the image reverts back to the original image. The code I have used is below.
[code]....
I want to make a textbox with a specific style, within this style a set of images as background parts, how can i attach these images to the custom control as whenever i take the .dll file and add it to the toolbar the images do not appear. So i tried to make them as resource files and their property as embedded in .resx file, so how to make the css style background image url to be linked to any of those image.
View 1 RepliesI have a service which reads an image stored in the database. I want to be able to read an image stored on the file system and return that back to the requestor.
View 4 RepliesI have a fileupload control in a contentplaceholder in a masterpage. I have to preview the image whenever I browse an image beside it in an imagecontrol.
My application is running on a different server .So I can't give the filepath of my local system.
Also I don't want to store the image in any location and i'm not supposed to use any session variable to pass it to generic handler.
how to remove css,java script file from browser cache for IE6 and IE7 ?
View 4 RepliesI have a requirement where image has to be uploaded to a folder and show it in image control. When uploading the image i have resized the image through code and saved it in a folder. The code is as follow
[Code]....
In my asp.net project, I have a view－image page and an upload－image page. I upload an new image and direct to the view page, the image doesn't be changed, because IE won't reload the image if the image's url remains the same. prefer the way to ask the browser to reload the image independently without server setting or web-headers changes.
View 2 RepliesI am trying to put a default image in an Image control in asp.net and it should show that particular image on the page when no other image is assigned or no image available in Database.
View 1 Repliesin my aspx page i have a file upload control and one image component...i want to display the image uploaded in the image component..
View 4 RepliesI know how to display an image in gridview from image path in database. Now, I want to display an image in an asp.net image control from image path in database. Can anyone point me to a tutorial? I haven't been able to find one that explains how to do it when I don't know what the image path will be. The images are in the root folder.
View 35 RepliesIs there any way in order to remove a watermark from an image? What has to be done is to lose the existing watermark as much as possible and place a new watermark text instead. As the existing watermark is placed diagonally, cutting the image in two equal parts (triangles), I am thinking of possibility to detect the diagonal and then determine the watermark text height (size / dimensions), and after that apply the Gaussian method of blurring (or anything similar) on the determined part. After it's edited, the image would be exposed to a code that would generate the new watermark.Is this possible to do, after all?
View 1 Replieshow one would download an image file into an image control in asp.net using ftp?
View 1 Replies
