Django {% static ‘path’ %} in javascript file

by

Since you are using django’s template language you can ONLY do this within your template between <script> tags. In other words if you wished to use your pic2.src javascript variable in an external script then you would need to declare it between <script> tags like so

<script>
    var pic2.src = "https://stackoverflow.com/questions/27932983/{% static"photos/1.jpg" %}"
</script>

And then you could access it in your external scripts that you might load like this:

<script type="text/javascript" src="https://stackoverflow.com/questions/27932983/{% static"js/my_external_script.js" %}"></script>

Regarding your question concerning load static and load staticfiles there is little distinction. Both act as a joiner for the STATIC_URL in your settings.py and the actual path to the file itself so both should work for your case. See here and here for more info.

More Related Contents:

  1. Django Cookies, how can I set them?
  2. Django: Populate user ID when saving a model
  3. How to revert the last migration?
  4. Get model’s fields in Django
  5. Can django’s auth_user.username be varchar(75)? How could that be done?
  6. Manager isn’t available; User has been swapped for ‘pet.Person’
  7. How to get the list of the authenticated users?
  8. Django: How do I add arbitrary html attributes to input fields on a form?
  9. creating my own context processor in django
  10. Get list item dynamically in django templates
  11. Select DISTINCT individual columns in django?
  12. What is the right way to use angular2 http requests with Django CSRF protection?
  13. django admin login suddenly demanding csrf token
  14. How to cURL an Authenticated Django App?
  15. Django – filtering on foreign key properties
  16. CSRF with Django, React+Redux using Axios
  17. Django admin: How to display a field that is marked as editable=False’ in the model?
  18. Django admin DoesNotExist at /admin/
  19. Pass request context to serializer from Viewset in Django Rest Framework
  20. Django: permission denied when trying to access database after restore (migration)
  21. UnicodeEncodeError: ‘ascii’ codec can’t encode character
  22. How can I upload and download files with graphene-django?
  23. Django give Error 500 for all static files like CSS and Images, when DEBUG is False
  24. Django REST Framework image upload
  25. How to iterate over nested dictionaries in django templates
  26. Docker-compose with django could not translate host name “db” to address: Name or service not known
  27. Django on Google App Engine
  28. Django static files on heroku
  29. Django: dynamic database file
  30. User groups and permissions

Leave a Comment