I am currently working on a web application that communicates with the server-side (ASP.NET MVC 3) by sending JSON data to specific URLs, without the use of HTML forms.
Is there a way for me to send a file to the server and associate it with HttpPostedFileBase using JSON, all without utilizing multipart forms?
Appreciate any insights!
I have utilized a different approach by not using the HttpPostedFileBase to retrieve content from the MVC application. Instead, I opted for JSON.
One can easily utilize the FileReader.onload method in HTML5 to extract file content and transmit it as a Base64 string directly to the MVC controller. The #upload-button represents an <input type=file ...> tag.
var file = $('#upload-button')[0].files[0];
var reader = new FileReader();
reader.onload = (function (f) {
return function (e) {
if (e.target.readyState == FileReader.DONE) {
$.ajax("FileStore/SavePicture", {
data: { content: e.target.result, name: f.name },
type: "post",
contentType: "application/json"
});
}
};
})(file)
Subsequently, one can employ the Convert.FromBase64String method to convert it to a byte[]. Here is an example of how the Action content appears:
string base64String = content;
// Locate the position of the real content within the base64String.
int start = base64String.IndexOf(",") + 1;
int length = base64String.Length - start;
contentAsString = base64String.Substring(start, length);
byte[] dataAsBytes = Convert.FromBase64String(contentAsString);
There may exist alternative methods to achieve the same functionality.
While it is possible to achieve, there may be challenges with cross-browser compatibility. For further information, you can refer to this resource: How can I upload files asynchronously with jQuery? Alternatively, you can search for "ajax file upload" on Google.
I created a form with checkboxes that allow users to select multiple options. However, when I submit the form, instead of receiving an array of objects representing the checked checkboxes, I'm not getting anything at all. Here is what I see in the co ...
My JSON data is as follows: { "contacts": [{ "identity-profiles": [{ "identities": [{ "type": "EMAIL", "value": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7703001e030312051a16193703001e ...
While reviewing the package.json file for one of our products at work, I noticed that the SDK uses socket.io for a crucial function even though socket.io-client is listed as a devDependency. Despite this discrepancy, the SDK works flawlessly for our clie ...
I currently have a component that dynamically displays the data from an array of objects. However, I want the component to display only one object based on a specific condition. Is it possible to show either one object or another depending on the value o ...
When developing REST services with Jersey and Jackson, I came across a scenario similar to this example. import com.mkyong.Track; @Path("/json/metallica") public class JSONService { @GET @Path("/get") @Produces(MediaType.APPLICATION_JSON) pu ...
Currently, I am working on a JavaScript code snippet where I am attempting to set the 'obj' variable from the success and error callbacks. However, it seems like the scope of the 'toLinkInfo' function is not encompassing these callbacks ...
Imagine I'm working on a cutting-edge single page application similar to Airbnb. One essential aspect of such an application is keeping track of when someone signs up for an account. There are numerous services available to assist with tracking, incl ...
I've encountered an issue where I am trying to move a div by adjusting its left property, but no transition is taking place. Regardless of the changes I make to my code, the result remains the same. Below is the current state of the code. Can anyone i ...
Greetings fellow hobby developer! I recently embarked on a project using create-react-app and incorporated MUI dependencies. One feature I added was a fixed BottomNavigation, which you can view in action here. Interestingly, in CodeSandbox, the BottomNavi ...
I need to calculate the sum of certain elements in an array. For example, let's consider this array: var sampleArray = [ {"id": 1, "value": 50, "active": true}, {"id": 2, "value": 70, "active": false}, ...
I'm currently working on a project where I am using the useEffect hook to retrieve initial data from a database and set it as the initial value of a Material-UI TextField upon loading the page. Although this approach works most of the time, there are ...
My Next.js (React) client is set up to receive Server-Sent Events from my Node.js/Express.js server, but it seems like it's not receiving any messages for some unknown reason. While the open and error events of EventSource are functioning correctly, ...
A few issues to address: 1) My goal is to optimize the efficiency of this script. 2) When a user clicks on either pop-out button, it opens a window and hides the element. (Currently using .detach() to remove the embedded video player because in Firefox . ...
After reading some insightful articles on connecting to a remote MySQL database via Android, I came across some fascinating links here and here. It appears that the standard method for retrieving data involves using a webservice (such as a PHP script) to q ...
<body ng-app="starter"> <ion-pane> <ion-header-bar class="bar-dark"> <h1 class="title">AppifyLife</h1> </ion-header-bar> <ion-content> <center><div class="card" id="life"><h3>20< ...
My goal is to create a .csv file from JSON output in a specific format. Here is the JSON data: { "expand": "names,schema", "startAt": 0, "maxResults": 50, "total": 1, "issues": [ { ...
I have redesigned my website by implementing an interactive feature where users can click on a tree image to remove it and replace it with a number using JavaScript. Initially, I targeted the specific tree with the following code: document.getElementById( ...
I have received the following JSON data: "memberValidations": [ { "field": "PRIMARY_EMAIL", "errorCode": "com.endeavour.data.validation.PRIMARY_EMAIL", "createdDateTime": null }, ...
Struggling to assign a JSON Object to a PHP Variable? When attempting to use var_dump, it's showing NULL. Here is the PHP code: <?php $json = utf8_encode(file_get_contents('http://socialclub.rockstargames.com/ajax/stat/1/profile_body/sta1/ ...
I am trying to create a span element positioned as absolute inside a div. The div has top and left values set. When the user inputs text, the span expands with the given text towards the right to contain it. However, I would like it to grow symmetrically o ...