Symfony 2 : assetic이있는 자바 스크립트 파일의 이미지 경로

Akram

다음과 같은 자산을 사용하여 내 symfony2 프로젝트의 js 파일에서 이미지 경로를 만들려고합니다.

   var arr = $('<img src="{{ asset("assets/images/linkArrow.png")}}">').css({
    position: 'absolute',
    ...
    });

하지만 다음과 같은 오류가 있습니다.

    "NetworkError: 404 Not Found - mywebsite.com/bundles/web/app_dev.php/project/1/assets
   /images/linkArrow.png"

내 이미지는 웹 / 자산 파일 아래에 있습니다.

xiidea

JavaScript 파일에서 twig 구문을 사용할 수 없습니다. 스크립트를 템플릿 파일에 넣을 수 있으면 작동합니다. 또 다른 깨끗한 방법은 자바 스크립트에 대한 자산 기본 경로 변수를 정의하는 것입니다. 예를 들어 문제를 해결하기 위해 레이아웃 템플릿에 다음 코드를 추가 할 수 있습니다.

<script>
    var assetsBaseDir = "{{ asset('assets/') }}"
</script>

주의 : js 파일에서 직접 변수를 참조하는 경우 자바 스크립트 파일을로드하기 전에이 스크립트를 정의해야합니다.

그런 다음 모든 JavaScript 파일에서 사용할 수 있습니다.

var arr = $('<img src="' + assetsBaseDir + 'images/linkArrow.png'+ '">').css({
    position: 'absolute',
    ...
});

즐거운 코딩 되세요!

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Symfony2-Assetic이있는 CSS의 이미지

분류에서Dev

자바 스크립트-파일 업로드; 이미지에 투명한 배경이 있는지 확인

분류에서Dev

자바 스크립트로 하나의 이미지 만 변경하는 방법

분류에서Dev

HTML의 기본 이미지 소스없이 자바 스크립트로 이미지 소스 변경

분류에서Dev

버튼으로서의 자바 스크립트 이미지 (onClick)

분류에서Dev

자바 스크립트로 둘 이상의 CSS 파일 수정

분류에서Dev

자바 스크립트 이미지 경로를 파일 (목록) 객체로 변환

분류에서Dev

세미콜론 줄이있는 CSV 파일을 자바 스크립트 (노드)의 2D 배열로 분할

분류에서Dev

자바 스크립트 업 로더가 파일의 바이너리 코드를 변경할 수 있나요?

분류에서Dev

자바 스크립트 정규식을 사용하여 자바 스크립트 내부의 이미지 경로 일치

분류에서Dev

동적으로 이미지 src 변경 자바 스크립트

분류에서Dev

자바 스크립트로 이미지 변경

분류에서Dev

자바 스크립트로 이미지 src 변경

분류에서Dev

Symfony 2의 이미지 경로

분류에서Dev

Symfony 2의 이미지 경로

분류에서Dev

자바 스크립트로 모바일 버전 용 이미지 소스 폴더 변경

분류에서Dev

Symfony2는 자바 스크립트 파일을 포함합니다.

분류에서Dev

코드 뒤에서 자바 스크립트로 ASP 페이지의 파일 경로 가져 오기

분류에서Dev

자바 스크립트 클릭 기능 카피 바라 첨부 파일 이미지 업로드 테스트

분류에서Dev

Symfony2 : assetic이있는 자산 버전

분류에서Dev

스크롤 이미지 회전 자바 스크립트로 하나의 이미지 만 작동

분류에서Dev

스크롤 이미지 회전 자바 스크립트로 하나의 이미지 만 작동

분류에서Dev

스크롤 이미지 회전 자바 스크립트로 하나의 이미지 만 작동

분류에서Dev

자바 스크립트로 깜박이는 이미지

분류에서Dev

자바 스크립트로 부서에서 배경 이미지의 URL을 가져옵니다.

분류에서Dev

자바 스크립트 변경 소스 이미지

분류에서Dev

자바 스크립트 변경 이미지 소스

분류에서Dev

for 내부 자바 스크립트 지연 이미지 변경

분류에서Dev

자바 스크립트로 이미지 바꾸기

Related 관련 기사

  1. 1

    Symfony2-Assetic이있는 CSS의 이미지

  2. 2

    자바 스크립트-파일 업로드; 이미지에 투명한 배경이 있는지 확인

  3. 3

    자바 스크립트로 하나의 이미지 만 변경하는 방법

  4. 4

    HTML의 기본 이미지 소스없이 자바 스크립트로 이미지 소스 변경

  5. 5

    버튼으로서의 자바 스크립트 이미지 (onClick)

  6. 6

    자바 스크립트로 둘 이상의 CSS 파일 수정

  7. 7

    자바 스크립트 이미지 경로를 파일 (목록) 객체로 변환

  8. 8

    세미콜론 줄이있는 CSV 파일을 자바 스크립트 (노드)의 2D 배열로 분할

  9. 9

    자바 스크립트 업 로더가 파일의 바이너리 코드를 변경할 수 있나요?

  10. 10

    자바 스크립트 정규식을 사용하여 자바 스크립트 내부의 이미지 경로 일치

  11. 11

    동적으로 이미지 src 변경 자바 스크립트

  12. 12

    자바 스크립트로 이미지 변경

  13. 13

    자바 스크립트로 이미지 src 변경

  14. 14

    Symfony 2의 이미지 경로

  15. 15

    Symfony 2의 이미지 경로

  16. 16

    자바 스크립트로 모바일 버전 용 이미지 소스 폴더 변경

  17. 17

    Symfony2는 자바 스크립트 파일을 포함합니다.

  18. 18

    코드 뒤에서 자바 스크립트로 ASP 페이지의 파일 경로 가져 오기

  19. 19

    자바 스크립트 클릭 기능 카피 바라 첨부 파일 이미지 업로드 테스트

  20. 20

    Symfony2 : assetic이있는 자산 버전

  21. 21

    스크롤 이미지 회전 자바 스크립트로 하나의 이미지 만 작동

  22. 22

    스크롤 이미지 회전 자바 스크립트로 하나의 이미지 만 작동

  23. 23

    스크롤 이미지 회전 자바 스크립트로 하나의 이미지 만 작동

  24. 24

    자바 스크립트로 깜박이는 이미지

  25. 25

    자바 스크립트로 부서에서 배경 이미지의 URL을 가져옵니다.

  26. 26

    자바 스크립트 변경 소스 이미지

  27. 27

    자바 스크립트 변경 이미지 소스

  28. 28

    for 내부 자바 스크립트 지연 이미지 변경

  29. 29

    자바 스크립트로 이미지 바꾸기

뜨겁다태그

보관