分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

jq图片上传功能

发布时间:2023-09-06 01:43责任编辑:苏小强关键词:暂无标签
//图片上传功能
jQuery.fn.extend({
???uploadPreview: function (opts) {
???????var _self = this,
???????????_this = $(this);
???????opts = jQuery.extend({
???????????Img: "ImgPr",
???????????Width: 100,
???????????Height: 100,
???????????ImgType: ["gif", "jpeg", "jpg", "bmp", "png"],
???????????Callback: function () {}
???????}, opts || {});
???????_self.getObjectURL = function (file) {
???????????var url = null;
???????????if (window.createObjectURL != undefined) {
???????????????url = window.createObjectURL(file)
???????????} else if (window.URL != undefined) {
???????????????url = window.URL.createObjectURL(file)
???????????} else if (window.webkitURL != undefined) {
???????????????url = window.webkitURL.createObjectURL(file)
???????????}
???????????return url
???????};
???????_this.change(function () {
???????????if (this.value) {
???????????????if (!RegExp("\.(" + opts.ImgType.join("|") + ")$", "i").test(this.value.toLowerCase())) {
???????????????????alert("选择文件错误,图片类型必须是" + opts.ImgType.join(",") + "中的一种");
???????????????????this.value = "";
???????????????????return false
???????????????}
???????????????if ($.browser.msie) {
???????????????????try {
???????????????????????$("#" + opts.Img).attr(‘src‘, _self.getObjectURL(this.files[0]))
???????????????????} catch (e) {
???????????????????????var src = "";
???????????????????????var obj = $("#" + opts.Img);
???????????????????????var div = obj.parent("div")[0];
???????????????????????_self.select();
???????????????????????if (top != self) {
???????????????????????????window.parent.document.body.focus()
???????????????????????} else {
???????????????????????????_self.blur()
???????????????????????}
???????????????????????src = document.selection.createRange().text;
???????????????????????document.selection.empty();
???????????????????????obj.hide();
???????????????????????obj.parent("div").css({
???????????????????????????‘filter‘: ‘progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)‘,
???????????????????????????‘width‘: opts.Width + ‘px‘,
???????????????????????????‘height‘: opts.Height + ‘px‘
???????????????????????});
???????????????????????div.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = src
???????????????????}
???????????????} else {
???????????????????$("#" + opts.Img).attr(‘src‘, _self.getObjectURL(this.files[0]))
???????????????}
???????????????opts.Callback()
???????????}
???????})
???}
});


//上传图片
$("#doc").uploadPreview({ Img: "preview"});//上传图片

jq图片上传功能

原文地址:https://www.cnblogs.com/asylm/p/8473337.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved