BuyLog In
Ticket T876204
Visible to All Users

FileUploader for MVC - Upload via drag and drop does not work in UseForm mode

created 5 years ago

I am trying to implement a FileUploader which allows for a Drop File in Area.

As I need to process the file as part of my form, it is set to UseForm

However, when I set it this way, I do not see the Drop File option and only the Select File button is shown.

WHY?

How can I have the Drop File Area working ?

@(Html.DevExtreme().FileUploader()
.Name("A_FileUpload")
.Multiple(false)
.LabelText(" or Drop File Here")
.SelectButtonText (" Select File ")
.UploadMode(FileUploadMode.UseButtons))
</text>)

Comments (1)
BL BL
Brian Lara 1 5 years ago

    Alternately, if I use UseButton … how can I grab pull the FileInfo in to the FORM for Form Submission to work … i.e. know which file was uploaded along with the form data ?

    Sign in to comment on this post

    Answers approved by DevExpress Support

    created 5 years ago

    Hello Brian,

    If you see this issue in the IE browser, this happens due to its limitations. We described this specificity in the FileUploader doesn't support drag & drop in IE and Edge if uploadMode is useForm thread. Uploading via drag and drop should work correctly in other browsers.

    As for the UseButtons mode, it allows you to drag and drop files in IE, but it uses the UploadUrl option to upload a file. So this mode does not allow uploading a file during the form submitting request.

      Comments (2)
      BL BL
      Brian Lara 1 5 years ago

        Thanks. I was testing on Edge … avoiding IE as it is just such an outlier. I'll look at FireFox.

        Is there any attempt to fix this for Edge ?

        DevExpress Support Team 5 years ago

          I tested this scenario in the new Edge Chromium: Download the new Microsoft Edge based on Chromium. This browser works as expected.
          As for the old Edge browser, it has the same restrictions as IE.

          Sign in to comment on this post

          Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

          Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.