JS Upload Location

Status
Niet open voor verdere reacties.
B

BB9780ACE2

Gebruiker
Lid geworden
27 nov 2012
Berichten
13
Eindelijk, na een hoop werk en een hoop uitgezocht te hebben heb ik bijna mijn eerste website af. Nu zit ik nog met een aantal problemen die ik niet werkend krijg en die ik uiteraard wel graag werkend zou willen hebben. [1] Ik krijg het niet voor elkaar dat als ik een afbeelding wil uploaden via mijn javascript dat hij ook daadwerkelijk wordt upgeload naar de server. [2] Ik krijg het niet voor elkaar om foto's groter dan 2MB te uploaden en dit wou ik bijvoorbeeld verhogen tot 10MB of iets dergelijks. [3] Ik krijg het niet voor elkaar om een javascript te maken die daarnaast ook dit doet maar dan voor filmpjes tot bijvoorbeeld maximaal 10MB of iets dergelijks. [4] Graag wil ik ook een multi-upload kunnen laten uitvoeren dus meerdere afbeeldingen in een keer.
Ik gebruik trouwens CSS en JQuery om dit te realiseren. Hopelijk kan iemand mij hier mee helpen, dan kan ik hopelijk mijn website snel afmaken!
 
Laatst bewerkt:
Het zou handig zijn als je kon plaatsen wat je nu al hebt.
.
  1. Zie jQuery File Upload Demo
  2. Het ligt eraan waar je je webserver host. Als deze bij je hosting provider ligt gaat dit was lastiger worden, omdat er een configuratie instelling aangepast moet worden waar de provider de baas over is. Lokaal kan je dit aanpassen door in PHP.ini de instelling upload_max_filesize naar 10M (of meer) te zetten. Let wel op dat je de POST grootte ook moet aanpassen. Zie post_max_size in PHP.ini
  3. Zie 1
  4. Zie 1
 
Laatst bewerkt:
<html>

<head>

<meta name="generator" content="Unpopular"/>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="content-language" content="en"/>
<link href="http://unpopular.nl/style.css" rel="stylesheet" type="text/css"/>

<title>Unpopular</title>

<meta name="description" content="Unpopular.nl"/>
<meta name="keywords" content="Test"/>
<meta name="robots" content="index,follow"/>

<link rel="shortcut icon" href="/img/bkmrk.ico" type="img/bkmrkicon"/>

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="/js/jquery_png.js"></script>
<![endif]-->

<script type="text/javascript" src="/js/jquery_api"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
<script type="text/javascript" src="/js/jquery_scroll.js"></script>
<script type="text/javascript" src="/js/jquery_support.js"></script>

<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
});
// ]]>
</script>

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-144730-17']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

</head>

<body>

<div id="top">
<div id="logo">
<a href="http://unpopular.nl"><img src="/img/logo.png" alt="Unpopular.nl" /></a>
</div>
<div id="tagline"></div><div id="limite">JPG PNG BMP GIF <span>Max.2Mb</span></div>
</div>


<div id="contenido-statico">
<h1 id="titular">Forbidden (403)</h1>
<p align="center">
Access is forbidden to the requested page</p>

</div>

<div id="foot"><div class="foot-d2">All Rights Reserved. &copy;2010 Lowyat Networks</div></div>

</body>

</html>
Klik om te vergroten...

Dit is wat ik op het moment heb, krijg nu ook ineens een forbidden melding dat ik de pagina niet kan openen. De website wordt gehost op mijn eigen server.

[1] Upload zelf
[2] Afbeeldingen groter dan 2MB
[3] Video's uploaden
[4] Multi-upload
[5] Laatste geuploade afbeelding weergeven onder aan de website

Bedankt vor je hulp al zover!
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta name="generator" content="Unpopular.nl Image Hosting"/><!-- LET IT BIT! -->

<title>Unpopular.nl</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="content-language" content="en"/>
<link href="http://unpopular.nl/estilo.css" rel="stylesheet" type="text/css"/>

<meta name="description" content="Unpopular.nl"/>
<meta name="keywords" content="test"/>
<meta name="robots" content="index,follow"/>

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="/js/pngfix.js"></script>
<![endif]-->

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery","1");</script>
<script type="text/javascript" src="/js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="/js/jquery_support.js"></script>

<script type="text/javascript">//<![CDATA[
$(document).ready(function(){upload();pref();});
//]]></script>

<script type="text/javascript">var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-144730-17']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s);})();</script>

</head>

<body>

<div id="top">
<div id="logo">
<a href="http://unpopular.nl/"><img src="/img/logo.png" alt="Unpopular.nl"/></a>
</div>
<div id="tagline"></div><div id="limite">JPG PNG BMP GIF <span>Max.2Mb</span></div>
</div>


<div id="contenido">

<div id="selector_up">
<div id="tab_container" class="en">
<div class="btn_local"><a class="local" id="linklocal" style="display: none;"></a></div>
<div class="btn_remoto"><a class="remota" id="linkremota"></a></div>
</div>
<div id="preferencias" class="en"><a id="pclosed"><span>Preferences</span></a><a id="popen" style="display:none;"><span>Preferences</span></a></div>
</div> <!-- selector -->

<form id="form_up" enctype="multipart/form-data" action="/" method="post">

<div id="pref-panel" style="display: none;"><div id="cajon-pref"><p id="prefurl"><input name="" type="checkbox" id="cortarurl" value=""/><label for="cortarurl">Create short URLs using TinyURL</label></p><div id="save"><a id="savepref"/>Close</a></div></div></div>

<div id="contenedorupload">
<div id="subir_local">
<h2 id="chooselocal">Choose the image you would like to upload from your computer</h2>
<div class="inputs"><input name="fileup" type="file" size="60" id="localUP" onclick="javascript:document.getElementById('remotaUP').value = '';"/></div>
</div>
<div id="subir_remota" style="display: none;">
<h2 id="chooseremota">Enter the <abbr title="http://where-is-the-image.com/image.jpg">url</abbr> of the image you would like to upload</h2>
<div class="inputs"><input name="remota" size="60" id="remotaUP" onclick="javascript:document.getElementById('localUP').value = '';"/></div>
</div>
</div>

<div id="redimensionar">
<div id="redimensionar_cajatitulo">
<div id="redimensionar_titulo">
<div id="boton_redimensionar" class="en"><span><a id="rclosed"></a><a id="ropen" style="display: none;"></a></span></div>
<div id="red_mensaje"><span id="red1">Automatically upload your image in another size</span><span id="red2" style="display: none;"></span></div>
</div>
</div>
<div id="redimensionar-borde" style="display: none;">
<div id="cajonred">
<div id="ancho_deseado">Desired width <span>In pixels</span></div>
<input name="resize" id="resize"/>
<div id="kepp">We keep proportions</div>
</div>
</div>
</div>

<div id="boton_subir">
<input type="image" src="/img/btn_subir_en.gif" id="subir"/>
<div id="enviando" style="display: none;"><span id="momentito">Uploading image...</span></div>
</div>

</form>

</div> <!-- contenido -->

<div id="foot"><div class="foot-d2">All Rights Reserved.</div></div>

</body>
</html>
Klik om te vergroten...

Code aangepast en ziet er nu zo uit.

Nog steeds zelfde problemen. Alleen de foutcode van page forbidden is eruit. Nu zou ik nog steeds graag de opties willen toevoegen als in bovenstaande post. Ook eventueel dat wanneer er naar een pagina gaat die niet bestaat of waar bijvoorbeeld mijn JS files staan dat er een melding komt dat de pagina verboden is of niet bestaat. Dit had ik werkend alleen na het terugzetten van de backup is dit verloren gegaan en krijg het niet meer aan de gang.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan