Upload error - directory permission issue?

Uppy
1

I’m new to uppy.
I’ve just copy pasted the demo index file to my domain.
But when I try to upload I’m getting an error 404.
Can someone tell me what is the issue here:
https://www.kattadam.in/skyrail/up.html

2

You’ve configured the endpoint to be https://www.kattadam.in/skyrail/animation/. Is that supposed to exist?

3

Yes,
the directory exists
https://www.kattadam.in/skyrail/animation/

4

Hmm, there may be a misunderstanding here. The endpoint needs to contain code that can receive uploads; Uppy cannot just put files in a directory, that would be extremely insecure :slight_smile:

If you want to use the Tus plugin, you need an endpoint that complies with the Tus protocol. There are libraries implementing it for different programming languages. For Node.js, there is the tus-node-server. For PHP, there is tus-php. You can also run a separate standalone server to handle uploads using tusd, but that’s a little more advanced.

You can also start off with the XHRUpload plugin, which does a “normal” multipart upload, which is supported by default by many web frameworks and languages like PHP.

5

I using an Apache server from a commercial host site and I want to upload files to it via Uppy. I’m using the demo Uppy code and modifying the endpoint URL, but I get a 404 error. I’ve put a .htaccess file in the destination directory and the Tus server.php file, but I’m lost. It would be very helpful if you could indicate what files I need to put on the server, what those files need to contain and where (in which folder) and any other server configuration that needs to be done.

Here’s the HTML code:
<!doctype html>

Uppy 
<script src="https://transloadit.edgly.net/releases/uppy/v1.3.0/uppy.min.js"></script>
<script>
  var uppy = Uppy.Core()
    .use(Uppy.Dashboard, {
      inline: true,
      target: '#drag-drop-area'
    })

// .use(Uppy.Tus, {endpoint: ‘https://master.tus.io/files/’})
.use(Uppy.Tus, {endpoint: ‘uploads/’})

  uppy.on('complete', (result) => {
    console.log('Upload complete! We’ve uploaded these files:', result.successful)
  })
</script>

Here’s the .htaccess file which I put in the uploads/ folder:

.htaccess

RewriteEngine on

RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^files/?(.*)?$ /server.php?$1 [QSA,L]