How to browse client side and server side files in Django/Python?

I have written a front end Django/Python application. It's like a syncing tool. Users can first browse the source and destination. Source is client's computer and destination is server's computer. The interface is similar to grsync. I need to implement it in the template(front-end application). Here's my form.html:

<form action="/contact/" method="post">
<p>Session Name:<input id="id_session" type="text" name="session" maxlength="100" /></p>
<p>Source:<input type="text" name="source" id="id_source" /></p>
<p>Destination:<input type="text" name="destination" id="id_sender" /></p>
<input type="submit" value="Submit" />
<input type="button" name="Cancel" value="Cancel" onclick="window.location = 'form.html' " />
</form>

Now when the user click on the open in the source the files and folders in the client's computer should be shown and when user press OK the path should be loaded in the Source field. How can I do this?

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To view this discussion on the web visit https://groups.google.com/d/msg/django-users/-/RsSyN5G4U-0J.
To post to this group, send email to django-users@googlegroups.com.
To unsubscribe from this group, send email to django-users+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/django-users?hl=en.