javascript实现上传首页
代码示例1:
检查图片格式是否正确,同时实现预览。
功能setimagepreview(obj,localimagid,imbjpreview){
var array =新的数组('gif ','jpeg ','png ','jpg ','bmp '); / /你可以上传文件类型
如果(obj.value = =){
美元。messager.alert(提示
标志=假;
返回false;
}
{其他
Var(filecontenttype = obj.value.match / ^(。*)(联合国)(1。{ })/ { 3 }); / /此类型的文件经常很有用
布尔变量
无功isexists = false;
无功objvalue = obj.value;
{试
对于IE /判断上传文件大小
VaR FSO =新的ActiveX对象(脚本。FileSystemObject );
filelenth = parseInt(fso.getfile(objvalue)。大小);
} catch(e){
{试
用于非IE访问文件大小
filelenth = parseInt(obj文件{ 0 }。大小);
} catch(e){
标志=假;
返回false;
}
}
循环以确定图像格式是否正确
对于(var在数组中){
If (fileContentType.toLowerCase) (array{i}.toLowerCase) (= =) {
正确的图片格式后,根据图片浏览器大小的不同设置
If (obj.files obj.files{0}) {
IMG / / Firefox下,直接财产
imbjpreview.style.display =阻止;
imbjpreview.style.width = '180px;
imbjpreview.style.height = '200px;
/ /火狐7及以上版本不能使用以上(getasdataurl)获取的方式
imbjpreview.src = window.url.createobjecturl(obj文件{ 0 });
如果(filelenth > 102400){
美元。messager.alert(提示
标志=假;
返回false;
}
}
{其他
使用过滤器
obj.select();
无功imgsrc = document.selection.createrange(文本);
必须设置初始大小
localimagid.style.width =180px ;
localimagid.style.height =200px ;
图片/异常捕捉,防止用户修改后缀为假图片。
{试
localimagid.style.filter =ProgID:DXImageTransform.Microsoft.AlphaImageLoader(sizingmethod =规模);
localimagid.filters.item(dximagetransform。微软。AlphaImageLoadersrc= imgsrc);
}
catch(e){
美元。messager.alert(暗示),您上传的图片格式不正确,请选择!)
标志=假;
返回false;
}
imbjpreview.style.display =不关;
Document.selection.empty();
}
isexists =真;
标志=真;
返回true;
}
}
如果(isexists = = false){
美元。messager.alert(暗示
标志=假;
返回false;
}
标志=假;
返回false;
}
}
U3000 U3000
上传照片:
预览:
代码示例2:
imagedialog实例
KindEditor.ready(函数(K){)
编辑k.editor({ var =
allowfilemanager:真
});
K(#送入)。Click(function()){
Editor.loadPlugin(图像,函数(){(){
editor.plugin.imagedialog({
所在:K(# url1)。瓦迩(),
ClickFn:功能(URL,标题、宽度、高度、边框、对齐){
K(# url1)瓦迩(URL);
Editor.hideDialog();
}
});
});
});
K(#形象)。Click(function()){
Editor.loadPlugin(图像,函数(){(){
editor.plugin.imagedialog({
showlocal:假,
所在:K(# url2)。瓦迩(),
ClickFn:功能(URL,标题、宽度、高度、边框、对齐){
K(# url2)瓦迩(URL);
Editor.hideDialog();
}
});
});
});
K ('#image3').Click (function ()) {
Editor.loadPlugin(图像,函数(){(){
editor.plugin.imagedialog({
showremote:假,
所在:K(# url3)。瓦迩(),
ClickFn:功能(URL,标题、宽度、高度、边框、对齐){
K(# url3)瓦迩(URL);
Editor.hideDialog();
}
});
});
});
});
(网络图片+本地上传)
(网络图片)
(本地上传)
加载js点击图片的选择,然后复制imagedialog,看它在image.js,并发现同样的事情。应该理解在这个时候,upload_json.jsp设置URL、标题、宽度、高度、顺序,对齐,和前台可以使用。
以上是javascript图片上传的全部内容首页,希望大家喜欢。