Usando o atributo download=""
Pode-se usar o atributo download no html em um link, por exemplo
<a download="media4.mp4" href="http://meusite.com.br/file/374749482.mp4">Download</a>
Se o download não for iniciado por um link, você pode criar um evento em javascript:
function download(url, nome) {
var el = document.createElement("a");
el.download = nome; //Define o nome
el.href = url; //Define a url
el.target = "_blank"; //Força abrir em uma nova janela
el.className = "hide-link"; //Adiciona uma classe css pra ocultar
document.body.appendChild(el);
if (el.fireEvent) {
el.fireEvent("onclick");//Simula o click pra navegadores com suporte ao fireEvent
} else {
//Simula o click
var evObj = document.createEvent("MouseEvents");
evObj.initEvent("click", true, false);
el.dispatchEvent(evObj);
}
//Remove o link da página
setTimeout(function() {
document.body.removeChild(el);
}, 100);
}
usando:
download("http://meusite.com.br/file/374749482.mp4", "media1.mp4");
css:
.hide-link {
position: absolute;
top: -9999px;
left: -9999px;
}
Não usei display: none
(ou visibility) pois não sei se afeta o click, e usei -9999px
com position: absolute
pra evitar afetar outros elementos na página.
Usando .htaccess
Se media1.mp4
for o único nome que vai usar e o download for do arquivo estático, será necessário .htaccess (acaso use apache).
Para "renomear" você precisa do header:
Content-Disposition: attachment; filename=...;
O attachment
irá força o download e o filename
irá dar o nome do download, então crie na pasta /file
o arquivo .htaccess e jogue o seguinte conteudo:
<FilesMatch "\.(?i:mp4)$">
Header set Content-Disposition "attachment; filename=media1.mp4"
</FilesMatch>
Usando php
Se a página for gerada por PHP, ou você precisar que o nome do arquivo seja dinâmico, você terá que usar PHP e header
, por exemplo:
<?php
$nome = 'media1.mp4'; //Altere o nome aqui
$arquivo = './file/374749482.mp4'; //Altere o nome aqui
header('Content-Disposition: attachment; filename=' . $nome . ';');
header('Content-Type: video/mp4');
header('Content-Transfer-Encoding: binary');
//É necessário informar o tamanho do arquivo pelo php
header('Content-Length: ' . filesize($arquivo));
$handle = fopen($arquivo, 'rb');
while(false === feof($handle)) {
echo fgets($handle, 1024);
}
fclose($handle);
http://meusite.com.br/file/374749482.mp4
é gerada por php – Guilherme Nascimento♦ 13/08/15 às 5:32