Improvements and updates to your Media experiences

[#1]

Hi everyone,

I'm the PM on the Media team here at Atlassian. It's been a while since the Media team rolled out updates to our front end components. We have some exciting changes coming to Jira, which should also be making their way to Confluence in the future.

Better looking Mediacards

Gone are the grey squares when you add files to your Jira tickets. We’ve added new icons for popular filetypes.

And where previews are available we now show them on the Mediacard. If the filename is too long you can now rollover to see a tooltip with full name. You can see the date the file was updated. And of course the preview will help you when you have multiple attachments to manage.

Zip previews

Coming soon to the Jira family, Zip previews! You'll be able to preview the contents of Zip files in the Media viewer. Where we can we also preview the files inside of zip files.

We can also preview zip files inside the original zip file! This update will be rolled out to Jira users in the coming months.

Code viewer

We’ve not stopped there. We have also added in support for a huge amount of code file types in the Media viewer. These used to show a ‘failed to load’ in the Media viewer, so we’re really happy that users will now be able to get a preview of files on Jira tickets. This change will be rolling out in the coming months.

File types now supported:

abap	actionscript	ada	arduino	autoit	c	c++	coffeescript
csharp	css	cuda	d	dart	delphi	elixir	erlang
fortran	foxpro	go	graphql	groovy	haskell	haxe	html
java	javascript	json	julia	kotlin	latex	livescript	lua
mathematica	matlab	objective-c	objective-j	objectpascal	ocaml	octave	perl
php	powershell	prolog	puppet	python	qml	r	racket
restructured text	ruby	rust	sass	scala	scheme	shell	smalltalk
sql	standardml	swift	tcl	tex	text	vala	typescript
vbnet	verilog	vhdl	xquery

Special mentions: .txt/.log/.csv/.xml files are also supported.

Email previews

We didn’t stop will all of the filetypes seen above. We’ve seen many of you try to open email previews - so we are also adding support for msg files!

New look for attachments tables

We’ve improved the UI for attachments tables - this will be rolling out to the new issue view in Jira Software and Jira Service Desk soon. We know many of you wanted a table view instead of the current carousel view, so we hope you enjoy this new feature. The list view makes it easier to sort, find, and download attachments.

Other improvements

Soon you will be able to upload folders of images direct to a Jira ticket.

We’ve updated SVG files - now text in SVG files no longer renders as squares

We’ve improved overall upload reliability.

Changes coming to how you upload files

In Jira and Confluence (and soon Bitbucket) you add images, videos and attachments via the Media picker popup. We have decided to remove the ability to insert files directly from Google, Dropbox, and Giphy, and from your previously uploaded files.

Cloud picking

 

Not many of you used this feature, fewer than 0.3% of files are added this way. We heard loud and clear from customers, that this feature wasn’t working as expected. This was because it copies files over rather than linking to them.

Confluence already has a good alternative, you can use Slash commands to insert Google and Dropbox files.

And there is an even faster alternative available using Smartlinks. In Jira and Confluence you can copy a link to a file from Google (even from a Shared Team Drive) or Dropbox and paste it into your page or ticket. This creates a handy Smartlink reference to the file.

And of course you can still get Giphy files into Confluence by copying and pasting them in.

Recent files

We see a very small % of customers who use the Recents feature weekly. Furthermore without the ability to filter or search Recents customers we have spoken to often end up just re-uploading their files.

It is important to note that when we remove Recents all files you have already added to your Confluence pages or Jira issues will remain there.

We know it is never nice when we take away a feature you might be using. But we do plan to unship both Cloud picking and Recents in 3 months time. As mentioned above copying links to files from Google and Dropbox can be achieved with Smartlinks. We do think this is a better solution than copying files. As operating systems contain a reference of Recent files you can continue to upload or drag and drop files into Products from your local machine.

While we think these workarounds are suitable we are aware some of you may have some more niche use cases. We are thinking about different ways for you to get files and links into our products. If you’d like to be part of this conversation please let me know in the comments below.

[M Amine]

Thank you for these info.

[Nildeepsinh Chauhan]

none of the examples other than 'external image' type are working in your component. can you guide us the proper way to implement it ?

https://atlaskit.atlassian.com/packages/media/media-card

[Owen Wallis]

Hi @Nildeepsinh Chauhan could you let me know a little more about what you are trying to achieve?