Image choose from media is not working in typo3 neos


 
Your media is not selectable if you set a picture in the content – picture is loading and loading.

Neos media upload

Neos media upload

In above image you can see that i have choose media but in right side image is not selected. It’s loading loading and loading…

you are unable to choose media in neos backend then simply add your pathces in your media template.

Packages/Application/TYPO3.Media/Resources/Private/Partials/ThumbnailView.html

Your Original HTML is

{namespace m=TYPO3\Media\ViewHelpers}
<f:widget.paginate objects="{assets}" as="paginatedAssets" configuration="{itemsPerPage: 30, maximumNumberOfLinks: 7}">
  <ul class="neos-thumbnails asset-list">
    <f:for each="{paginatedAssets}" as="asset">
      <li class="asset">
        <f:link.action action="edit" title="Edit {f:if(condition: asset.title, then: asset.title, else: asset.resource.filename)}" class="neos-thumbnail draggable-asset" additionalAttributes="{data-asset-identifier: '{asset->f:format.identifier()}'}" arguments="{asset: asset}">
          <div class="neos-img-container">
            <m:image image="{asset}" maximumWidth="250" maximumHeight="250" alt="{f:if(condition: asset.title, then: asset.title, else: asset.resource.filename)}" />
            </div>
            <span class="neos-caption"><f:format.crop maxCharacters="100">{f:if(condition: asset.caption, then: asset.caption, else: asset.resource.filename)}</f:format.crop></span>
          </f:link.action>
        </li>
    </f:for>
  </ul>
</f:widget.paginate>

You just have to change in one line which are mentioned with Red text

Following should do the trick.

{namespace m=TYPO3\Media\ViewHelpers}
<f:widget.paginate objects="{assets}" as="paginatedAssets" configuration="{itemsPerPage: 30, maximumNumberOfLinks: 7}">
  <ul class="neos-thumbnails asset-list">
    <f:for each="{paginatedAssets}" as="asset">
      <li class="asset" data-asset-identifier="{asset->f:format.identifier()}">
        <f:link.action action="edit" title="Edit {f:if(condition: asset.title, then: asset.title, else: asset.resource.filename)}" class="neos-thumbnail draggable-asset" additionalAttributes="{data-asset-identifier: '{asset->f:format.identifier()}'}" arguments="{asset: asset}">
          <div class="neos-img-container">
            <m:image image="{asset}" maximumWidth="250" maximumHeight="250" alt="{f:if(condition: asset.title, then: asset.title, else: asset.resource.filename)}" />
            </div>
            <span class="neos-caption"><f:format.crop maxCharacters="100">{f:if(condition: asset.caption, then: asset.caption, else: asset.resource.filename)}</f:format.crop></span>
          </f:link.action>
        </li>
    </f:for>
  </ul>
</f:widget.paginate>

After this patches you will be able to choose images from media.

Rock Neos…

If you have any queries, please do not hesitate to contact me at Jainish Senjaliya