Home Html 5 upload file , ajax , jquery
Reply: 0

Html 5 upload file , ajax , jquery

user1576 Published in March 24, 2018, 5:49 pm

I am trying to upload file via jquery, so what I want to do is using the ajax POST method and post the uploaded file to url:"/files/uploads" with the parameter file ,so I have this input

<form id="fileUploadForm">
    <label class="btn-bs-file btnAddFile btn btn-lg btn-primary">
          <span class="fa fa-plus"></span>
              <span>Add New File</span>
                  <input type="file" id="fileInputUpload" />
                  <input type="submit" value="Submit" id="btnSubmit"/>

and this is how i try to post into server

$("#btnSubmit").click(function (event) {

        //stop submit the form, we will post it manually.

        // Get form
        var form = $('#fileUploadForm')[0];

        // Create an FormData object
        var file = new FormData(form);
        // If you want to add an extra field for the FormData
        file.append("CustomField", "This is some extra data, testing");

        // disabled the submit button
        $("#btnSubmit").prop("disabled", true);

            type: "POST",
            url: "/files/uploads",
            data: {file:file},
            processData: false,
            contentType: false,
            cache: false,
            timeout: 600000,
            success: function (data) {

            error: function (e) {


You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.303612 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO