how can i display the image at run time using file upload ? plzz give me the code .. i can write the code for image saving in the folder but they should be displayed at runtime corresponding to the id generated.
View 3 RepliesHow to display image in Image control after upload on the server asp.net C#Without pressing any key OR UPLOAD BUTTON
View 1 Replieshow to display multiple image after brows them without press upload button.
View 1 RepliesSo I'm working on a site that is going to need a file upload control where the user would be able to upload an image, and then the page would postback causing the image to appear for their viewing (before they submit the data to the database, the image is being stored as type image). What I do now is have my own private web form where people send me their image, I format it accordingly and use the following simple code to upload it:
byte[] newimage = fileUpImgFile.FileBytes;
var myDataTable = (from item in context.TypeSet where item.Number == txtBxNumber.Text.Trim() select item).ToList();
foreach (Type item in myDataTable)
{
item.Photo = newimage;
}
context.SaveChanges();
Which works, but in this case, it would only work if the record exists already in the database so the person would have to save the data, then go back in and upload the image (inconvenient and inefficient). Is there a way to upload it, store it in memory, and then display it, without saving it to the database?
I have filed image type varbinary
I want upload image and show then with click button save
store in db
i'm a new in web page application
can any one tll me how to upload in image in the web page and dispay it in an image control then save the path to the database?
How to upload images with some conditions
Like
size not gretr than 50 kb
with = 110px, height 140 px
etc..
I want to upload image through fileupload toolbox and display it in image control.
The image control should get the path from fileupload and should display the image.
I have done it with following code attached
HTML Markup-
<asp:FileUpload ID="FileUpload1" runat="server"
style="top: 256px; left: 533px; position: absolute; height: 23px; width: 217px" ForeColor="White" />
<asp:Button ID="btnset" runat="server" Font-Bold="False" Font-Names="Times New Roman" Font-Size="Medium" style="top: 309px; left: 605px; position: absolute; height: 26px; width: 81px" Text="Set Photo " />
<asp:Image ID="Image2" runat="server" style="top: 66px; left: 568px; position: absolute; height: 152px; width: 136px" BorderColor="#CCCCFF" BorderStyle="Ridge" />
VB Code-
Protected Sub btnset_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnset.Click
Image2.ImageUrl = FileUpload1.FileName
End Sub
I'm trying to allow the user to upload an image to the server (this part works) and display it on the next page (this part doesn't). I've got two files, imageuploadtext.aspx, which has the following code:
[Code]....
And the second file is imageloadtext.aspx, which has this short code:
[Code]....
As I said, the upload works fine and the file is received. But I can't get the source to display the correct image on the second page. Could it be to do with the fact the first page is VB and the second is C#? If so what code would I replace the C# with for it to work with VB? By the way, I'm currently getting a ";" expected on the image source line which I'm not sure where it goes, that might be it?
Suppose I have two page admin and home,in admin page one upload control and in home page gridview,I will select the image and upload from admin and after uploading show the image in home page gridview ...
View 1 RepliesI have a FileUpload Control on a Content page of a Master Page. I need to upload an image and display it before user can upload it. Can someone advice (with example if possible) what FileUpload event will notify me that a file was selected so I can than display it? Is this the best way to perfom this task?
View 20 RepliesI am using a file control to get browse and get a file. I need to display the contents of the file to a text box. My asp file looks like this
<asp:FileUpload ID="FileUpload1" runat="server" />
<br />
<br />
<asp:TextBox ID="TextBox1" runat="server" Height="126px" TextMode="MultiLine"
Width="382px"></asp:TextBox>
Do send a code of this
I h one problem, i need to upload many photo at a time using file uploader control in asp.net, only one photo I m able to upload, but problem is like after selecting course all records are coming, i need to attach one one file uploader (photo) option with all records so that after clicking[after selecting photo] on save button all the records [photos] h to be save in database, can U people plz. tell me what to do , how , for that do I need to make user control.
View 6 Repliesi want to load image into image control emmidiatly when i am uploading it by using fileupload control that means when i am uploading a file i display on the page immediately on page in image control.
View 1 RepliesI 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'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();
};
uploading image from one server to another server. i am developing one website [URL] and from this website i want to upload images to another website say [URL] using asp:fileupload control... is it possible to upload file or image from localhost machine to different server using fileupload.saveas method..
View 2 RepliesI use these code to uploading image
<asp:UpdatePanel ID="Upbdt" runat="server">
<ContentTemplate>
<asp:ModalPopupExtender DropShadow="true" ID="ModalPopupExtender"
PopupControlID="PnPopup" runat="server" TargetControlID="BtnPopup"
>
</asp:ModalPopupExtender>
[Code] ....
behind code
protected void BtnUpload_Click(object sender, EventArgs e) {
string path = Server.MapPath(".") + "../Upload";
string[] validext = { ".jpg", ".gif", ".png", ".rar" };
string ext =
System.IO.Path.GetExtension(AsyncFileUpload1.PostedFile.FileName);
if (Array.IndexOf(validext, ext.ToLower()) < 0)
[Code] ....
Here in UpdatePanel i have 2 lable :1-lable20 and 2-lblMessage
These lable show error message when Extension and size of image are out of limit.
Problem is when i.e I upload .rar file and click on BtnUpload button it exit from popup window and i cant't see error message i should click on upload button again untill again show popup window after that i can see error message
I want it doesn't exit from popup window until user enter correct format of image if they don't enter correct format they can see error on popup window.
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]....
I have an aspx page (c#) that a user can upload an image file. I'd also like them to be able to attach this image file. Is it possible to attach the image file to the email then send without saving a copy of the attchment to the web server? I don't need a copy of the file, just need to attach it.
View 10 Replieshow to upload image on to server having specified path name. and for each time the image path need to change.
i have some idea in my mind...
i need to use asp:fileupload control as follows
<asp:fileupload id ="fileupload1" runat ="server"/>
in codebehid
how to mention file name in vb.net like fileupload1.saveas(serverpath addwith filename addwith .jpg) serverpath is fixed filename comefrom database ... like datafield-image and i need to check the image should be jpeg
I'm not really much of a programmer but I've been working on something in visual web developer and VB...'ve got an asp.net page with a fileupload control and two buttons. One button is used to upload the file and then the other button does something else which involves accessing the file name of the uploaded file.
This is straight forward enough if you just use static text but I wanted to create a unique file name for the upload so thought about using a date/time value for this and delcaring it as a variable?This works great but how does the second button then access this file name? If I use the same variable name declared earlier it just generates a new one especially if mins and secs were used?
I'm not sure if that makes sense? But I'm basically wanting to create a unique file name for the uploaded file and then store that in a variable so it can be accessed by the other button? Without the variable constantly updating to a new ID?
I want to access one image file residing in C: of the client's machine. I know with the help of file upload control (or say input type=file), this would be easy. Due to nature of my application (Its a KIOSK application), user is not expected to select file. I am just wondering how should I implement reading file without using file upload control. I want to store this file in Images folder of server. I am beginner to WCF. Should I look towards WCF?
View 7 RepliesI have some thing like below in my page
View 1 Repliesneed ASP.NET File Upload with Real-Time Progress Bar
View 13 Replies