11540 sujets

JavaScript, DOM et API Web HTML5

[Résolu] PB uploadify pour créer un lien du fichier chargé

Bonjour à tous,
je me permet de poster sur le forum car là je commence à m'arracher les cheveux.
Je pense que ce ne doit pas être très compliqué pour un développeur mais pour moi c'est une machinerie abyssale.

J'ai installée uploadify 3.1, après différents tâtonnement j'y suis parvenu, tout marche très bien mais je voudrais améliorer la chose et c'est la problème.

Je souhaiterais que le lien du fichier chargé apparaissent sous forme a href dans la page ou dans une autre page peu importe ou même l'envoyer par mail.

Si quelqu'un à déjà fait cela je suis preneur car on commence à voir mon crâne maintenant.

Merci à tout ceux qui pourront aider un graphiste et pas un développeur Smiley cligne
Salut,

Tu dois mettre en place une gestion côté serveur (php ?).
Tu pourras envoyer un mail à partir du serveur, générer une nouvelle page avec le lie, stocker les infos dans une base de données ou encore récupérer des données avec onUploadSuccess de ton uploadify que tu injecteras dans ta page (comme le lien vers le fichier).

Mais c'est effectivement plutôt un boulot de dev...
Si tu démarres et postes quelque chose on pourra éventuellement mieux t'aider !

tm
J'ai déjà fait cela

<!DOCTYPE html>
<html>
<head>
	<title>Téléchargement de fichiers</title>
	<link rel="stylesheet" type="text/css" href="uploadify.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="jquery.uploadify-3.1.js"></script>
	<script type="text/javascript">
	$(function() {
		$('#file_upload').uploadify({
			'swf'      : 'uploadify.swf',
			'uploader' : 'uploadify.php',
			'buttonText' : 'TELECHARGER',
			'onUploadSuccess' : function(file, data, response) {
        alert(' copié le lien :  http://www.mondite.fr'+  data);			 
				}
				});
	});
	</script>
</head>
<body>
<input type="file" name="file_upload" id="file_upload" />

</body>
</html>



j'ai une alerte qui me met la bonne url mais on ne peut pas la copier ou cliquer dessus donc je souhaiterais que cette adresse apparaissent dans la page ou une autre et soit cliquable.
C'est la que je bloque pour pouvoir écrire la fonction qui appelle l'adresse
Avec un peu de jQuery à la place de ton alert...
var href = "http://www.mondite.fr" + data;
$('<a href="' + href + '">download</a>').appendTo('unSelecteurCssDeTonDocument');

tm
je suis désolé et merci de ton aide TM mais je dois être débile là car je trouve pas
il faut appeler ensuite la fonction dans le body car moi j'ai fait cela et ça marche pas.
La page doit pas se rechargé ?

<!DOCTYPE html>
<html>
<head>
	<title>My Uploadify Implementation</title>
	<link rel="stylesheet" type="text/css" href="uploadify.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="jquery.uploadify-3.1.js"></script>
	<script type="text/javascript">
	$(function() {
		$('#file_upload').uploadify({
			'swf'      : 'uploadify.swf',
			'uploader' : 'uploadify.php',
			'buttonText' : 'TELECHARGER',
			'onUploadSuccess' : function(file, data, response) {
			var href = "http://www.monsite.fr" + data;
			$('<a href="' + href + '">download</a>').appendTo('h2');
	 
				}
				});
	});
	</script>
</head>
<body>
<input type="file" name="file_upload" id="file_upload" />
</body>
</html>
Re,

Tu n'as pas de <h2> dans ta page. jQuery ne peut donc pas ajouter un lien à un <h2> qui n'existe pas...
Essaie ceci pour voir : 
$('<a href="' + href + '">download</a>').appendTo('body');

tm
Merci beaucoup avec ton aide et un peu de recherche j'ai réussi.
je poste ici mon code final si cela peut servir à d'autres.
Smiley cligne
TM si tu as besoin d'aide n'hésite pas.
<!DOCTYPE html>
<html>
<head>
	<title>My Uploadify Implementation</title>
	<link rel="stylesheet" type="text/css" href="uploadify.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="jquery.uploadify-3.1.js"></script>
	<script type="text/javascript">
	$(function() {
		$('#file_upload').uploadify({
			'swf'      : 'uploadify.swf',
			'uploader' : 'uploadify.php',
			'buttonText' : 'TELECHARGER',
			'onUploadSuccess' : function(file, data, response) {
			var href = "http://www.monsite.fr" + data;
			$('<a href="' + href + '">Lien du fichier</a>').appendTo('#lien');
	 
				}
				});
	});
	</script>
</head>
<body>
<input type="file" name="file_upload" id="file_upload" />
<div id="lien"></div>
</body>
</html>
Sujet clos
Aller à