Code To Upload Image In MVC C#
Jan 21, 2011
In my college project when user register they have to select their photo path to upload , i want to upload photos to the local drive.I dont like to store it in DB. whats the code and how to do that..???
View 7 Replies
Jun 12, 2010
Suppose this is my website url: http://www.mydomain.com. And I have created one subdomain name as http://img.mydomain.com.
Now I want to upload image from my site http://www.mydomain.com to my subdomain http://img.mydomain.com through code.
Is it possible to upload image from website to subdomain?
View 3 Replies
May 9, 2013
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));}
View 1 Replies
Apr 10, 2010
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.
View 1 Replies
Dec 6, 2010
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();
};
View 1 Replies
Jan 22, 2011
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?
View 2 Replies
Feb 2, 2011
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.
View 5 Replies
Jan 15, 2014
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
View 1 Replies
May 9, 2010
iam using asp.net with c#
i want to display image in a image control as soon as we browse with file upload control ,i dont want to use button click event
[Code]....
View 1 Replies
Jan 9, 2011
i want to upload picture throw FileUpload control and then store it in session, after store in session i want to read it out to image control and insert to database.
View 3 Replies
Jan 8, 2010
I'm using varbinarymax.....IN SQL gridview image and setting the nullimage value doesn't this problem.. I'm looking for code that can make this lil miracle happen
& it doesn't really matter which way , whether the code says if image null then display this image from ~/Images/thispic.jpg or if i1 display this image from ~/Images/thispic.jpg for a little bit more insight into this I'm creating a legend for the database and the null has been used for displaying one pic so i'm after the 1 or visa versa to display another image.... and i'm not trying to upload pics to 1000 plus documents, and when i came at it from a sql angle tying 5 tables together the parent table ended up not sending the proper return. is this even possible or am i ahead of visual studio
View 1 Replies
Feb 16, 2011
Is there any simple C# code to allow us upload an Image on the database using LINQ?
View 1 Replies
May 7, 2010
I am using an interface with multiple Image upload controls,
I need to switch among them but i am not able to do the same using Tab key.
View 1 Replies
Apr 14, 2010
i don't know how to upload image to fck editor and save picture to project.
View 1 Replies
Mar 21, 2010
I am developing a student registration form in asp.net. there are two tables viz std_registration and gallery(having pic_id and pic_url). During registration, before the click of submit button i want to retrieve pic_id from gallery table and then pass it to the insert query of registration table. image upload is an optional part. if no image is uploaded i want a default image to get uploaded.
View 1 Replies
Dec 28, 2010
I have this file upload control. I have created a folder name "images" in my visual studio project. I want to upload image into this folder. BUT, when I am uploading a image, system does not show any error. It is uploading the image. But I cannot see it into the "images" folder. But, when I browse the folder from my computer like if I go to c:/my documents/vs project/my project/images. i can see the uploaded image. Then why the image is not visible from my visual studio?? as the image is not visible in my visual studio project, user can not see the uploaded image. my code is as below:
[Code]....
[Code]....
View 7 Replies
Dec 11, 2010
I am trying to upload an image using ASP.NET with C#.I do not how to send image in parameter source="F://sample.jpg".I have also tried to send an image in a byte format.
URL is [URL
Post Data is source= "F://sample.jpg"
I am getting an exception.
View 1 Replies
Aug 9, 2010
i am using file upload control in ASP.NET for uploading images. In my form there are two buttons.one for assigning criteria which redirects to other form and other for submitting form. After assigning criteria only the user has to use submit button. My problem is when is upload image and click on AssignCriteria button and return back to original page,the upload control is getting blank. How to keep that upload image control value in that textbox even if we redirected to other page and come back.
View 2 Replies
Jan 24, 2011
i'm try to store images in table this way:
[Code]....
filed image_data has datatype : "image" when i'm uploading transparent PNG or GIF, the transparency becomes black.
[Code]....
View 3 Replies
May 7, 2010
I want to upload image in database and when it upload it should display in gridview and i can download it How can i do it.
View 7 Replies
Jan 6, 2010
I have to implement an image upload functionality in asp.net. The method I have followed works like this :-
Submit a form containing an <input type='file'> element and set the target of the form to a named iframe[to give the impression of a Ajax request/response ]. The aspx file which this form is posted to, writes the image into the response as Reponse.Write("<img src='location'/>"); The image displayed is due for cropping (where i plan to use JCrop).
What I would like to know is : Is there another way to display the image in a <div> may be, rather than in an iframe which I think is far better than this approach.
View 1 Replies
Mar 14, 2010
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
View 4 Replies