MVC :: Image Upload Failing In Google Chrome
Feb 10, 2010
I have an image upload form:
[Code]....
That posts back to the action
[Code]....
The code works accross all browsers but Google Chrome. My IDE is Visual Studio 2k8, and I haven't figured out how to debug on Google Chrome with it, however, I am throwing error messages, and I know that for some reason under chrome, the following check doesn't pass:
[Code]....
So apparently, under Chrome, the HttpPostedFileBase parameter picture isn't encoded right and loses its mime type, howwever, this might not be the only problem. What is excatly wrong with the HttpPostedFileBase parameter under Chrome, and how can I fix it?
View 3 Replies
Similar Messages:
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
Jul 6, 2010
Image button not giving postback in Google Crome, The same code is working fine for IE8 and Firefox 3.6.6
<asp:ImageButton ID="btnlogin" runat="server" ImageUrl="~/images/log.jpg"
onclick="btnlogin_Click" OnClientClick="return confirmAction(this)" />
View 4 Replies
Oct 25, 2010
i have used file upload on one of my web page..the file path is not shown in google chrome..rest in all browser the path is shown..in google chrome only the file name is shown and not the whole path..i want the path to be shown in google chrome
View 1 Replies
Mar 15, 2011
I have a CustomValidator client script method that checks the value of a <input type="date" id="start"/> control. I'm accessing the date value using jQuery $('#start').val(), which works fine in Firefox and Opera. When I test in Chrome/Safari, the js console says that $('#start') is null. There is no problem using $('#start') outside the CustomValidator client method in Chrome/Safari. There is also no problem accessing the #start date object via document.getElementById('start') inside the validation method.
why jQuery selectors are failing inside this validation method for Chrome/Safari?
View 1 Replies
May 7, 2010
I have a web form that allows the user to upload a file to the web server, that file is then read into a database. This process works on my local pc, my dev box and one of my qa servers. I moved the code to a new QA web server and it doesn't work on that server, even though the web site is setup the same on all 3 machines. On the new server it was working at one time and then today it stopped.What could be causing me to get {access denied to folder c:websitefilesuploads} (which is the file I'm uploading to and then deleting and works on my local dev and one of my qa boxes
View 4 Replies
Jun 30, 2010
I have a gridview, one column is a template field with an imagebutton, onclick it should go into the following sub, which it does in IE but not in google chrome. What could be the problem?
Protected Sub btnDetails_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
View 4 Replies
Oct 4, 2010
I started learning ASP.NET these days. Google Chrome is my default browser and I'm also testing my applications in Google Chrome.
I recognized that some Elements of ASP.NET won't run in real time when I use Chrome. For Example ASP.NET WebParts. If I change the modus of the WebPartManager from default to edit (or something else), Google Chrome needs 1 - 2 seconds to renew the page. Internet Explorer does this in real time without any loading times.
I'm a rookie in ASP.NET and many people said, Microsoft's AJAX for ASP.NET is some kind of crap.
I'm using Visual Studio 2010 and maybe you'll say, I should use jQuery instead of internal Features like WebParts.
View 1 Replies
Sep 10, 2010
So TempData works on my local machine in chrome, but not out on the server. It works fine in IE and firefox. I'm using the default Session State as InProc. I can see the cookie in chrome by looking at the developer tools.
View 4 Replies
Jan 6, 2011
Iam using a file upload control for uploading files in my asp.net application. iam using the following code to impersonate the users who do not have permission for the files to upload. The code works fine for all the files, but it is not working for the files which are in desktop.
Code in .cs file:
System.Security.Principal.WindowsImpersonationContext impersonationContext;
impersonationContext =
((System.Security.Principal.WindowsIdentity)User.Identity).Impersonate();
//Insert your code that runs under the security context of the authenticating user here.
impersonationContext.Undo();
In web.config iam using the following:
<identity impersonate="true" />
View 3 Replies
Jan 12, 2010
Has anyone had anyone problems with dynamic controls in Google Chrome?I tried the following code:
Sub Page_Load() Handles MyBase.Load
View 2 Replies
Feb 9, 2010
Does anyone know how to prevent caching of ASP.NET pages in Chrome? I tried using the following in the Page_Load event but it does not work:
Response.Cache.SetCacheability(HttpCacheability.NoCache);
//doesn't work in Chrome
View 6 Replies
Jan 5, 2010
Does anyone have any problems with Page_Load being executed twice in Google Chrome?
It's a short question, i do not know what else to explain...
I have a simple asp.net page and in Firefox and IE all it's working fine.
But in Chrome the Page_Load is fired twice...
Later EDIT:
- what is strange is that i have 4 repeaters... binded with random values. The random methods are twice fired (because of page loaded twice) but the repeaters takes the INITIALLY values...so, the 2nd post back is somehow raised after the rendering step.
3rd edit: It happens ONLY at the refresh!
Solution (in my case): There was an empty img src, and that was the cause
View 13 Replies
Apr 23, 2010
ASP.Net FileUpload not working in google chrome.It shows validation error,even after choosing right file type.
Here is a code :
<asp:FileUpload ID="FU1" runat="server" />
<asp:RegularExpressionValidator
id="FileUpLoadValidator" runat="server"
ErrorMessage="Upload jpg and gif only."
ValidationExpression="^(([a-zA-Z]:)|(\{2}w+)$?)(\(w[w].*))(.jpg|.JPG|.gif|.GIF)$"
ControlToValidate="FU1">
</asp:RegularExpressionValidator>
View 1 Replies
Dec 1, 2010
we have a multiLingual site. which is working fine in Others browsers but not in google chrome. In google chrome, reults are not Loaded. we are using using "AR" as Regioncode.
View 4 Replies
Feb 10, 2011
It looks like WebControls do not work correctly in Google Chrome. I've researched this issue and found solution here but it does not work in my case. Maybe because our server is on .NET 4. Does anybody know how to make WebControls work in Chrome/Safari? Unfortunately changing WebControls to something else currently is not an option so I must find a work-around.
View 2 Replies
Apr 19, 2010
i have one asp.net application which has menu bar and sub menu are Horizontal. in my IE browser itz working fine.. but in google chrome itz not showing the sub menu.
View 7 Replies
Mar 29, 2011
I currently developing a ASP.NET web application.
The application is designed for Google Chrome. I would like to pop out IE when printing is involved because Chrome lack preview etc. at a button click the IE should open. Here's the code:
protected void btn_print_Click(object sender, EventArgs e)
{
System.Diagnostics.Process.Start("http://localhost/storeapp/printpage.aspx?orderno=" + Request.QueryString["orderno"].ToString() + "");
}
Here I have passed a particular orderno to the URL. But when I click nothing happens. I have set IE as default web browser. Why is this?
View 2 Replies
Mar 25, 2010
I have a web application build on asp.net, the Textbox onchange event not working in chrome? On page load i wrote this code,
textbox1.Attributes.Add("onchange", "SetEditDataFlag();");
SetEditDataFlag() -- it is a javascript function. When I browse the application in chrome then this function is not called when i changed some value on the textbox.Its working properly in IE.
View 1 Replies
Mar 26, 2010
I am trying to fire the asp.net button click event from javascript. Its working fine in IE, but the same code is not working on Chrome, Here is the js code,
<script type= "text/javascript" language="javascript">
var btnSave = document.getElementById('btnSave');
btnSave.click();
alert("The changes are saved sucessfully!!");
</script>
View 5 Replies
May 21, 2010
I'm experiencing what seems to be a caching issue with Google Chrome and Safari on my cart page. In the cart there are 2 dropdown lists. When you hit the checkout button after changing the values in the dropdown lists, it commits what's selected in the lists to the database.
It's a little bit hard to explain the unexpected behavior so I will try to write it out step by step with an illustration of my problem.
Lets say the first dropdown list has the values of:
VALUE1
VALUE2
VALUE3
And the second dropdown list has the values of:
DUMBO1
DUMBO2
DUMBO3
I add an item to my cart.
Screen Says: VALUE1, DUMBO1
Database Says: VALUE1, DUMBO1
I hit Checkout.
Database says: VALUE1, DUMBO1 (I can't see the dropdown lists after I hit checkout because i'm not at the cart page)
I hit the back button.
Screen Says: VALUE1, DUMBO1
Database Says: VALUE1, DUMBO1
I drop down the VALUE1 combo and select VALUE2, VALUE2 is selected momentarily and then the site posts back and VALUE1 is re-selected in the drop down list (from being reloaded from the DB)
MOMENTARILY Screen Says: VALUE2, DUMBO1
Database Says: VALUE1, DUMBO1
THEN AFTER POSTBACK FROM DROPDOWNLIST_SELECTIONCHANGED EVENT
Screen Says: VALUE1, DUMBO1
Database Says: VALUE1, DUMBO1
Hit Checkout.
Database Says VALUE1 ,DUMBO1 (I can't see the dropdown lists after I hit checkout because i'm not at the cart page)
Go back.
Screen Says: VALUE2, DUMBO1
Database Says: VALUE1, DUMBO1
So it appears that it's remembering my selection of VALUE2 even though it jumped back to VALUE1 before I checked out.
It seems to be a caching problem, however I've got some no-cache code to prevent caching of that page that works great in firefox and internet explorer but seems to be failing in Chrome and Safari. I'm basically returning in the headers for the cart page: no-cache, no-store, and must-revalidate to attempt to prevent caching, but based on this scenario it seems to be caching the page anyway and not reloading it when I hit the back button.
View 1 Replies
Dec 12, 2010
Is there a way to prevent Google Chrome and other browsers from saving a password for a specific site? The server is ASP.NET MVC .NET4.
View 2 Replies
Mar 19, 2011
I am unable to paste the content to a textbox whose property "Textmode"is multiline this issue is happening in google chrome and safari browsers
View 1 Replies
Jul 13, 2010
I have a GridView in which I have item,Edit ,Footer and Empty Item Template , and also a hovermenuextender to show Edit/Delete link on row hover. when my page opens if it doesn't have any data it show empty row , when user enters data and click on Add button it save's the data and load the grid. All works fine in IE and firefox but not in google Chrome.
After saving data in chrome all links stop working , but when i reload the page it workes fine if i remove the hovermenuextender it works fine in chrome also, So i think hovermenuextender creating problem in chrome when it's added at runtime(if empty grid comes hovermenuextender will be added after data saved)
View 2 Replies
May 31, 2010
I'm working on an ASP.NET appI have an asp button on my app with an associated server side click eventNow, this click event is not being fired with Google chrome (works fine on IE).Chrome version is 5.0.375.55.
View 2 Replies
