Use AJAX to upload a file, process, and return a result to Javascript using Flask

Question

I've figured out how to upload a file using AJAX and Flask such that the page doesn't refresh and the file is uploaded to the server in some specified directory. In the Python method (upload()), I want to process the filename with some regex and return an array to the Javascript file. Do I still return render_template(index.html), even if I'm trying to request an array? HTML (index.html) ``` ``` Javascript ``` $(function() { $('#upload-file-btn').click(function…

Accepted Answer

You don't say what you want to achieve (hide some div, scroll window ...), and that's a main problem. To sum what should be done : Don't return

```
return render_template('index.html')
```

but fe. if you want to notify the user about the upload status, make status for this call like

```
return Response('OK')
```

or other status - NOTOK or something. Then in the js :

```
    success: function(data) {
        console.log('Success!');
    },
```

manipulate the response

```
if (data == 'OK') {
  alert ('YAY, FILE UPLOADED');
};
```

Use AJAX to upload a file, process, and return a result to Javascript using Flask

Solution

Problem