diff --git a/package.json b/package.json index 0932a7f..3437b24 100644 --- a/package.json +++ b/package.json @@ -47,7 +47,8 @@ ] }, "dependencies": { - "jquery": ">=1.9" + "jquery": ">=1.9", + "jquery-migrate": "^3.0.0" }, "devDependencies": { "babel-core": "~5.5.8", diff --git a/src/cropit.js b/src/cropit.js index a58a9ae..d942682 100644 --- a/src/cropit.js +++ b/src/cropit.js @@ -1,6 +1,4 @@ -import $ from 'jquery'; - -import Zoomer from './Zoomer'; +import Zoomer from './zoomer'; import { CLASS_NAMES, ERRORS, EVENTS } from './constants'; import { loadDefaults } from './options'; import { exists, round } from './utils'; @@ -25,7 +23,7 @@ class Cropit { }; this.$preview = this.options.$preview.css('position', 'relative'); - this.$fileInput = this.options.$fileInput.attr({ accept: 'image/*' }); + this.$fileInput = this.options.$fileInput.attr({ accept: 'image/gif,image/jpeg,image/jpg,image/png,image/svg' }); this.$zoomSlider = this.options.$zoomSlider.attr({ min: 0, max: 1, step: 0.01 }); this.previewSize = { diff --git a/src/plugin.js b/src/plugin.js index 8269ee3..cc9fff7 100644 --- a/src/plugin.js +++ b/src/plugin.js @@ -1,5 +1,4 @@ -import $ from 'jquery'; - +import 'jquery-migrate'; import Cropit from './cropit'; import { PLUGIN_KEY } from './constants'; import { exists } from './utils';