Content kopiëren
Ik heb een uploader gemaakt: http://powarimages.netii.net/uploader.php
Nu zou ik graag willen dat de URL naar je afbeelding wordt gekopiëerd naar je klembord, zodra je achter het textvak (eigenlijk een input tag) op iets als Kopiëren klikt.
Ik neem aan dat dit met javascript, of flash moet oid.? Maar is daar een script van? Ik heb al op google gezocht, maar dat is allemaal voor textvakken.
Mijn code van de uploader:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<?php
//define a maxim size for the uploaded images in Kb
define ("MAX_SIZE","10000");
//This function reads the extension of the file. It is used to determine if the file is an image by checking the extension.
function getExtension($str) {
$i = strrpos($str,".");
if (!$i) { return ""; }
$l = strlen($str) - $i;
$ext = substr($str,$i+1,$l);
return $ext;
}
//This variable is used as a flag. The value is initialized with 0 (meaning no error found)
//and it will be changed to 1 if an errro occures.
//If the error occures the file will not be uploaded.
$errors=0;
//checks if the form has been submitted
if(isset($_POST['Submit']))
{
//reads the name of the file the user submitted for uploading
$image=$_FILES['image']['name'];
//if it is not empty
if ($image)
{
//get the original name of the file from the clients machine
$filename = stripslashes($_FILES['image']['name']);
//get the extension of the file in a lower case format
$extension = getExtension($filename);
$extension = strtolower($extension);
//if it is not a known extension, we will suppose it is an error and will not upload the file,
//otherwise we will do more tests
if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
{
//print error message
echo '<h1>Verkeerde extensie!</h1>';
$errors=1;
}
else
{
//get the size of the image in bytes
//$_FILES['image']['tmp_name'] is the temporary filename of the file
//in which the uploaded file was stored on the server
$size=filesize($_FILES['image']['tmp_name']);
//compare the size with the maxim size we defined and print error if bigger
if ($size > MAX_SIZE*50000000)
{
echo '<h1>U heeft de maximale grootte overschreden!</h1>';
$errors=1;
}
//we will give an unique name, for example the time in unix time format
$image_name=time().'.'.$extension;
//the new name will be containing the full path where will be stored (images folder)
$newname="images/".$image_name;
//we verify if the image has been uploaded, and print error instead
$copied = copy($_FILES['image']['tmp_name'], $newname);
if (!$copied)
{
echo '<h1>Kopiëren mislukt!</h1>';
$errors=1;
}}}}
//If no errors registred, print the success message
if(isset($_POST['Submit']) && !$errors)
{
$filedir = "http://powarimages.netii.net/"
?>
<h1>Uw bestand is succesvol geupload.</h1><br>
<table>
<tr><td>URL:</td><td><input type="text" size="45" readonly='readonly' value="<?=$filedir?><?=$newname?>"/></td></tr><br>
<tr><td>Preview:</td><td><a href="<?=$filedir?><?=$newname?>" alt="Ga naar uw afbeelding"><img height="100" width="100" border="2" src="<?=$filedir?><?=$newname?>" alt="Uw afbeelding"></a></td><tr></table><fieldset class="uploader">
<p align="center"><b>Upload meer</b></p>
<?php
}
?>
<!--next comes the form, you must set the enctype to "multipart/frm-data" and use an input type "file" -->
<form name="newad" method="post" enctype="multipart/form-data" action="">
<table>
<tr><td><input size="45" type="file" name="image"></td></tr>
<tr><td><input name="Submit" type="submit" value="Upload afbeelding"></td></tr></fieldset>
</table>
</form>
//define a maxim size for the uploaded images in Kb
define ("MAX_SIZE","10000");
//This function reads the extension of the file. It is used to determine if the file is an image by checking the extension.
function getExtension($str) {
$i = strrpos($str,".");
if (!$i) { return ""; }
$l = strlen($str) - $i;
$ext = substr($str,$i+1,$l);
return $ext;
}
//This variable is used as a flag. The value is initialized with 0 (meaning no error found)
//and it will be changed to 1 if an errro occures.
//If the error occures the file will not be uploaded.
$errors=0;
//checks if the form has been submitted
if(isset($_POST['Submit']))
{
//reads the name of the file the user submitted for uploading
$image=$_FILES['image']['name'];
//if it is not empty
if ($image)
{
//get the original name of the file from the clients machine
$filename = stripslashes($_FILES['image']['name']);
//get the extension of the file in a lower case format
$extension = getExtension($filename);
$extension = strtolower($extension);
//if it is not a known extension, we will suppose it is an error and will not upload the file,
//otherwise we will do more tests
if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
{
//print error message
echo '<h1>Verkeerde extensie!</h1>';
$errors=1;
}
else
{
//get the size of the image in bytes
//$_FILES['image']['tmp_name'] is the temporary filename of the file
//in which the uploaded file was stored on the server
$size=filesize($_FILES['image']['tmp_name']);
//compare the size with the maxim size we defined and print error if bigger
if ($size > MAX_SIZE*50000000)
{
echo '<h1>U heeft de maximale grootte overschreden!</h1>';
$errors=1;
}
//we will give an unique name, for example the time in unix time format
$image_name=time().'.'.$extension;
//the new name will be containing the full path where will be stored (images folder)
$newname="images/".$image_name;
//we verify if the image has been uploaded, and print error instead
$copied = copy($_FILES['image']['tmp_name'], $newname);
if (!$copied)
{
echo '<h1>Kopiëren mislukt!</h1>';
$errors=1;
}}}}
//If no errors registred, print the success message
if(isset($_POST['Submit']) && !$errors)
{
$filedir = "http://powarimages.netii.net/"
?>
<h1>Uw bestand is succesvol geupload.</h1><br>
<table>
<tr><td>URL:</td><td><input type="text" size="45" readonly='readonly' value="<?=$filedir?><?=$newname?>"/></td></tr><br>
<tr><td>Preview:</td><td><a href="<?=$filedir?><?=$newname?>" alt="Ga naar uw afbeelding"><img height="100" width="100" border="2" src="<?=$filedir?><?=$newname?>" alt="Uw afbeelding"></a></td><tr></table><fieldset class="uploader">
<p align="center"><b>Upload meer</b></p>
<?php
}
?>
<!--next comes the form, you must set the enctype to "multipart/frm-data" and use an input type "file" -->
<form name="newad" method="post" enctype="multipart/form-data" action="">
<table>
<tr><td><input size="45" type="file" name="image"></td></tr>
<tr><td><input name="Submit" type="submit" value="Upload afbeelding"></td></tr></fieldset>
</table>
</form>
Kijk hier eens: hierzo. Misschien heb je daar wat aan.
De code, voor het gemak:
function copyToClipboard(text)
{
if (window.clipboardData) // IE
{
window.clipboardData.setData("Text", text);
}
else
{
unsafeWindow.netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
const clipboardHelper = Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper);
clipboardHelper.copyString(text);
}
}
Gewijzigd op 13/07/2010 15:12:30 door Cornel van der Heiden
De code die jij geeft is bedoelt voor een GreaseMonkeyscript en werkt alleen in IE en FF.
(unsafeWindow -> GM; const, Components -> FF).
Een flash bestand zou beter werken als alternatief voor die else-constructie:
http://www.jeffothy.com/weblog/clipboard-copy/
Gewijzigd op 13/07/2010 21:13:45 door peter dhc