3D model file upload through polaris dropzone, not possible !?

[sidharth-av]

Certainly! Here’s the corrected version of your GitHub issue:

---

Issue: Errors Encountered While Uploading 3D Model from Shopify App Admin Side

I recently implemented a feature in my Shopify app that allows uploading a 3D model from the app's admin side. However, I've encountered several errors during the upload process. Below are the respective output logs and the relevant code.

Screenshot:
Screenshots provided below are the console outputs for the uploaded files' 'File type':

• Here you can see that the first is the model file with no console data.
• The second console data shows the file type for the uploaded image, which was uploaded successfully.

Code Snippet:
The below is the partial code for the dropzone alone.

// Validating types
  const validMediaTypes = [
    "image/gif",
    "image/jpeg",
    "image/png",
    "video/mp4",
    "video/webm",
    "model/gltf+json",
    "model/gltf-binary",
    "model/vnd.usdz+zip",
  ];

//dropzone Component
<DropZone
  accept="image/*,video/*,model/gltf-binary,model/gltf+json,model/vnd.usdz+zip"
  type="file"
  onDrop={handleDrop}
/>

Expected Behavior:
The 3D model should upload without errors and be available for use within the app.

Additional Information:
The MIME types of 3D models Shopify accepts are:

• model/gltf-binary
• model/gltf+json
• model/vnd.usdz+zip

However, the Shopify-provided sample files all have the MIME type:

• application/octet-stream

This discrepancy causes validation in the DropZone to fail, resulting in file upload issues for 3D models.

Thank you for your assistance in resolving this issue.

---