All docs
V24.2
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery FileUploader - Specify a file's GUID

Use the valueChanged event to generate a unique identifier (GUID) for a file before it is uploaded and pass it as a parameter to the upload URL.

View on GitHub

index.js
  • $(function () {
  • $("#{file-uploader}Container").dxFileUploader({
  • multiple: false,
  • accept: "*",
  • value: [],
  • uploadMode: "instantly",
  • uploadUrl: "https://js.devexpress.com/Demos/NetCore/FileUploader/Upload",
  • onValueChanged: function (e) {
  • var url = e.component.option("uploadUrl");
  • url = updateQueryStringParameter(url, "fileGuid", uuidv4());
  • e.component.option("uploadUrl", url);
  • }
  • })
  • .dxFileUploader("instance");
  • });
  • function updateQueryStringParameter(uri, key, value) {
  • var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
  • var separator = uri.indexOf("?") !== -1 ? "&" : "?";
  • if (uri.match(re)) {
  • return uri.replace(re, "$1" + key + "=" + value + "$2");
  • } else {
  • return uri + separator + key + "=" + value;
  • }
  • }
  • function uuidv4() {
  • return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
  • var r = (Math.random() * 16) | 0,
  • v = c == "x" ? r : (r & 0x3) | 0x8;
  • return v.toString(16);
  • });
  • }