# Help:Images and other uploaded files/zh-tw

 MediaWiki使用手冊： 目錄 · 讀者手冊 · 編輯手冊 · 仲裁員手冊 · 系統管理員手冊 +/-

## 上傳

Special:Imagelist provides the same information as the Upload log, but it uses the user's local time instead of the default time (set to Coordinated Universal Time for Wikimedia projects). In addition it gives the file sizes. Further it allows loading of portions and sorting by size in addition to sorting by date, and it has not only links to the image description pages, but also directly to the images.

### 支援的檔案類型

/** Files with these extensions will never be allowed as uploads. */
$wgFileBlacklist = array( # HTML may contain cookie-stealing JavaScript and web bugs 'html', 'htm', 'js', 'jsb', 'mhtml', 'mht', # PHP scripts may execute arbitrary code on the server 'php', 'phtml', 'php3', 'php4', 'php5', 'phps', # Other types that may be interpreted by some servers 'shtml', 'jhtml', 'pl', 'py', 'cgi', # May contain harmful executables for Windows victims 'exe', 'scr', 'dll', 'msi', 'vbs', 'bat', 'com', 'pif', 'cmd', 'vxd', 'cpl' ); /** Files with these mime types will never be allowed as uploads * if$wgVerifyMimeType is enabled.
*/
$wgMimeTypeBlacklist= array( # HTML may contain cookie-stealing JavaScript and web bugs 'text/html', 'text/javascript', 'text/x-javascript', 'application/x-shellscript', # PHP scripts may execute arbitrary code on the server 'application/x-php', 'text/x-php', # Other types that may be interpreted by some servers 'text/x-python', 'text/x-perl', 'text/x-bash', 'text/x-sh', 'text/x-csh', # Windows metafile, client-side vulnerability on some systems 'application/x-msmetafile' ); /** This is a flag to determine whether or not to check file extensions on upload. */$wgCheckFileExtensions = false;

/**
* If this is turned off, users may override the warning for files not covered
* by $wgFileExtensions. */$wgStrictFileExtensions = true;

/** Warn if uploaded files are larger than this (in bytes), or false to disable*/
$wgUploadSizeWarning = false;  請注意，某些副檔名是被列入黑名單（$wgFileBlacklist）的，譬如，出於安全考慮，通常不允許上傳執行檔（副檔名：「.exe」）。另外，有一些檔案類型，過去是被允許的，但現在禁止上傳，已上傳的這類檔案不會刪除，仍能繼續使用。

There may be a size limit, the largest one on en: is 6.5 megabytes (but please be reasonable).

The most common type of media apart from images is:

• sound -- preferred format: Ogg Vorbis.

If you want to upload file types other than .jpg or .ogg, e.g., .pdf, in newer versions of mediawiki, you have to modify the file LocalSettings.php by copying the variable and its contents from DefaultSettings.php. Afterward, you can edit it accordingly: $wgFileExtensions = array( 'png', 'jpg', 'jpeg', 'ogg','doc','xls','ppt','mp3','sxc','pdf' ); You may also need to remove this extension from the filetype blacklist (in /includes/DefaultSettings.php). Remarks: #### 上載非圖象檔 By default, MediaWiki only allows you to upload certain types of files (extensions gif, jpg, jpeg, ogg and png). This is managed by this order in includes/DefaultSettings.php:$wgFileExtensions = array( 'png', 'gif', 'jpg', 'jpeg', 'ogg' );

If you want to be able to upload other file types, for instance ZIP files you must add this line to LocalSettings.php:

$wgFileExtensions = array( 'png', 'gif', 'jpg', 'jpeg', 'ogg', 'zip'); Caution: do not modify the line in DefaultSettings.php because it will break when updating Also you may find php and apache limit the filesize of uploads too giving spurious messages on the upload page such as "The file you uploaded seems to be empty. This might be due to a typo in the file name. Please check whether you really want to upload this file." See Q: What affects the maximum file size which can be uploaded? on this page for details: http://meta.wikimedia.org/wiki/Uploading_files#Frequently_Asked_Questions. (It might be better to have this information conglomerated more centrally). Take in account there is a blacklist of file extensions in includes/DefaultSettings.php:$wgFileBlacklist = array(
# HTML may contain cookie-stealing JavaScript and web bugs
'html', 'htm',
# PHP scripts may execute arbitrary code on the server
'php', 'phtml', 'php3', 'php4', 'phps',
# Other types that may be interpreted by some servers
'shtml', 'jhtml', 'pl', 'py',
# May contain harmful executables for Windows victims
'exe', 'scr', 'dll', 'msi', 'vbs', 'bat', 'com', 'pif', 'cmd', 'vxd', 'cpl' );

Apache has a directive "LimitRequestBody", which controls the maximum number of bytes allowed in ANY http request.

## 連結

### 插入內部圖案

Only images proper can be automatically presented, sound is not automatically played.

An embedded internal image automatically links to the image page, which shows the full image, or, depending on preferences, a reduced version with a link to the full version. The page also provides info about the image.

[[image:tst.png|abc]] gives

[[image:tst.png|50px|abc]] gives

The form [[image:tst.png|50px|thumb|abc]] does not allow enlargement, it gives (see on the right):

abc

To add the uploaded image to an article as a thumbnail, one can use [[Image: image name including extension |thumb|caption]] or [[Image: image name including extension |thumb|width in pixels px|caption]].

The default thumbnail width can be set in the preferences, so typically it is better not to specify "px", in order to respect the users' preferences (unless, for a special reason, a specific size is required regardless of preferences, or a size is specified outside the range of widths 120-300 that can be set in the preferences).

The caption can contain links. Both the image itself and an icon link to the image page. The icon has the link title "Enlarge" in its hoverbox, even in cases where the image on the image page is smaller. Depending on preferences the image on the image page may be smaller than the thumbnail image, so a link may be convenient from the thumbnail straight to the image in actual size. E.g. [[image:tst.png|thumb|50px|[[Media:tst.png|actual size]]]]

Middle East; for more detailed pdf-version see [1]

### 圖像在左

[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] puts the image at the left; text that follows floats to the right of it; if a second image immediately comes after the first, the second abuts to the right side of the first; if there is text in between then the second image is at the lower right of the first, under this text:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. between the 3rd and 4th images.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. after the 4th image.

With [[image:tst.png|none|thumb|50px|[[help:contents|demo]]]] the image is put at the left, and text that follows starts below it.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta

### 左圖

[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]] puts the image at the right; text that follows floats to the left of it. The situation is not symmetric with the case above: a second image is put at the extreme right again, under the first.

zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. after the 1st image.

after the 2nd image.

### Using full width again

Use <br clear="all" />, or on projects that have Template:Clr (Meta and en:): {{clr}}. Text floats around the image until it gets to {{clr}} (in Meta) like this.

After {{clr}}, however, text can float no longer, and restarts from under the image, using the full width again like this,...... like this, like this, like this, like this, like this, like this, like this.

### 字裏行間圖

Inline images cannot have a caption, but they can have a "title"-attribute (often misidentified as the "alt" attribute, which has a different purpose), which is shown in the hoverbox (in the cases above, for the image it is the same as the caption, and for the enlarge icon it is "Enlarge"). It is the last item of the image code, hence, if there is only the image name with prefix "image:" it gives that; if there is an empty item by ending with a pipe character ("|") it gives none; otherwise, it gives the image code item that happens to be last, unless a proper text is specified.

The size of the images can be reduced but they can not be enlarged.

Example (note the hoverbox too): "text [[File:Wikipedia icon size logo.gif]] text [[File:Wikipedia icon size logo.gif|5px|]] text [[File:Wikipedia icon size logo.gif|100px|demo]] text" gives "text text text text".

### 示範

Below one can see the result of the three types of internal link style and external link style on this project. To test this in another project, copy the wikitext there. If applicable, check also the interlanguage links at the margin of the page. Note that some links go to the image description page, others just to the image itself.

• [[Image:Tile Hill train 550.jpg]]

• [[:Image:Tile Hill train 550.jpg]]
• [[Media:Tile Hill train 550.jpg]]
• external, with label: [http://en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg train]

## Gallery tag, category, table of images

The gallery-tag is a quick way to show thumbnails in four columns. Each entry is of the form "Image:image name or "Image:image name|caption, possibly with links". It also allows text taking the position of an image, but not with links: if a text entry contains a link, the whole entry is ignored; an image tag with square brackets is also ignored. It is possible to give a title to the gallery with the caption parameter.

<gallery caption="Sample gallery">
A-L
Image:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province
Image:Flevoland-Position.png
Image:Friesland-Position.png
[[Friesland]] is beautiful
Image:Gelderland-Position.png
Image:Groningen-Position.png
Image:Limburg-Position.png
M-Z
Image:Noord_Brabant-Position.png
Image:Noord_Holland-Position.png
Image:Overijssel-Position.png
Image:Zuid_Holland-Position.png|[[w:South Holland|South Holland]], the most crowded province
Image:Utrecht-Position.png
Image:Zeeland-Position.png
</gallery>

gives:

Note that, with the gallery tag, the images have a single fixed width.

Depending on the browser, a long caption may or may not widen a whole column of images:

• even if it does, if necessary to fit the four columns on the screen, captions wrap automatically
• alternatively, a long caption makes the whole row taller, because too long captions wrap to produce multiple lines in their container. See also w:Wikipedia:Gallery.

A gallery of images in a category is automatically shown as the fourth section of the category page. The first 20 characters of the image name are shown, with dots if that is not the full name. Both the image and the name link to the image page. No alternative text or other links are possible. Also the file size is shown.

For a comparison, see commons:Category:William-Adolphe Bouguereau.

Using table syntax, with images in separate cells, and the image syntax explained elsewhere on this page, gives more control over size, layout, captions, etc. than each of these two methods. However, only a category automatically gives file sizes.

Example of an image table:

{|
|+'''Provinces of the Netherlands'''
|-
| valign="top"|
[[Image:Drenthe-Position.png|thumb|left|150px|[[w:Drenthe|]], the least crowded province]]
| valign="top"|
[[Image:Flevoland-Position.png|thumb|left|100px|]]
| valign="top"|
[[Image:Friesland-Position.png|thumb|left|100px|]]
|-
|
|-
| valign="top"|
[[Image:Gelderland-Position.png|thumb|left|100px|]]
| valign="top"|
[[Image:Zuid_Holland-Position.png|thumb|left|100px|[[w:South Holland|]], the most crowded province]]
| valign="top"|
[[Image:Utrecht-Position.png|thumb|left|50px|]]
|}


gives:

 Drenthe, the least crowded province South Holland, the most crowded province

Note that, with this method, each image has a width specified by the size option, if any, and a height depending on whether there is caption or not, and how long the caption is. The width of a column is determined by the widest image in it, and the height of the row is determined by the tallest image in it.

## 導航地圖

Navigational maps like [3] have map areas linked to pages. The html with <area> tags can not be put in the wikitext. However, there are the following possibilities:

• EasyTimeline allows the creation of an image and a page embedding that image, with rectangular map areas defined by <area> tags in the html. The title of a link to a non-internal page is only the domain name, e.g. "en.wikipedia.org/..". The length and width of the rectangle can not be controlled, except that it depends on the length of the link label and its font size. In case of overlap of rectangles one has to look at the hoverbox or statusbar to avoid following the wrong link. In case of much overlap it may not be possible to use all links.
• One can divide an image in rectangles, like in these chess and go positions, or superimpose an area with images (see above) and link each rectangle/image to the desired target by means of a redirect on the image page (provided that the target is internal).

### EasyTimeline 例

<timeline>
ImageSize  = width:400 height:150
PlotArea   = width:400 height:150 left:0 bottom:0
TimeAxis  = orientation:vertical # dummy, required
Period    = from:0 till:1 # dummy, required
Define $s = fontsize:XL TextData = pos:(50,120)$s text:[http://en.wikipedia.org/wiki/Leiden|o Leiden]
pos:(150,110) $s text:[http://en.wikipedia.org/wiki/Alphen%20aan%20den%20Rijn|o Alphen aan den Rijn] pos:(10,80)$s text:[http://en.wikipedia.org/wiki/The%20Hague|o The Hague]
pos:(50,40) $s text:[http://en.wikipedia.org/wiki/Rotterdam|o Rotterdam] </timeline>  gives 例 2 <timeline> Preset = TimeHorizontal_AutoPlaceBars_UnitYear ImageSize = width:500 barincrement:50 Period = from:0 till:12 BarData= bar:a bar:b bar:c Define$s = fontsize:XL
BackgroundColors = canvas:white
PlotData=
width:20
shift:(45,-5)
bar:a from:3 till:4 $s text:[http://en.wikipedia.org/wiki/Leiden|Leiden] bar:a from:6 till:7$s text:[http://en.wikipedia.org/wiki/Alphen%20aan%20den%20Rijn|Alphen aan den Rijn]
bar:b  from:1 till:2 $s text:[http://en.wikipedia.org/wiki/The%20Hague|The Hague] bar:c from:3 till:4$s text:[http://en.wikipedia.org/wiki/Rotterdam|Rotterdam]
</timeline>


gives

### 其他方法

Some attempts for other alternatives (note the hover boxes):

 o o o

Ascii art map, with both the city outline and the label clickable:

    x
xxx Leiden
x

xx
xxxx The Hague
xxx

xx
xxxxx Rotterdam
xxxx


When external images can be embedded:

The html titles are "w: Leiden", etc., the alt attribute is "Tst.png". Opera shows the title in the hoverbox, and also the url, IE only shows the titles.

With labels:

## 保護

Images on MediaWiki:Bad image list can not be embedded, they appear as regular link to the image page. See e.g. w:en:MediaWiki:Bad image list.

Protection of an image page is automatically also protection of the image itself: i.e. a new image under the name of the existing image can only be uploaded by a sysop.

### 插入外部圖像

\$wgAllowExternalImages = true;


If enabled, use unbracketed external link style, i.e. just the URL (of the image itself, not of the image description page), e.g. http://en.wikipedia.org/upload/d/d1/Tile_Hill_train_550.jpg. The URL can be found by checking with your browser the properties of the image when it is displayed on a webpage.

Conversely, to go to the image description page of an image referred to with external link style, put the URL in the address bar and replace "upload/alphanumerics/alphanumerics/" with "wiki/image:".

For inline images, put the url, preceded and followed by a space, in the text: a http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png b gives a http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png b

Without special formatting, inline images are positioned like this:

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text http://en.wikipedia.org/upload/b/bc/Wiki.png text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

A table may be used to position the image(s) as desired. E.g.

{|
|
|-
|
|
|}


{|
|
|
|-
|
|
|
|-
|
|
|}


## WikiTeX

WikiTeX ([4]) is a MediaWiki extension that can produce graphs of functions, various diagrams, etc. It is operational at http://wikisophia.org/ , but not yet at Wikimedia projects. Note that one can anyway produce an image on Wikisophia, and subsequently upload it on any MediaWiki project.

## Links to other help pages

Help contents
Meta · Wikinews · Wikipedia · Wikiquote · Wiktionary · Commons: · Wikidata · MediaWiki · Wikibooks · Wikisource · MediaWiki: Manual · Google
Versions of this help page (for other languages see further)
What links here on Meta or from Meta · Wikipedia · MediaWiki
Go · Search · Stop words · Namespace · Page name · Section · Backlinks · Redirect · Category · Image page · Special pages · Printable version
Tracking changes
Recent changes (enhanced) | Related changes · Watching pages · Diff · Page history · Edit summary · User contributions · Minor edit · Patrolled edit
Logging in and preferences
Logging in · Preferences · User style
Editing
Starting a new page · Advanced editing · Editing FAQ · Edit toolbar · Export · Import · Shortcuts · Edit conflict · Page size
Referencing