मैं पिछले कुछ दिनों से रेल का उपयोग कर रहा हूं और जानना चाहता हूं कि रेलवे & कैरियरवेव में अपलोड करने से पहले छवि पूर्वावलोकन दिखाने का सबसे अच्छा तरीका क्या है।रेल और कैरियरवेव में अपलोड करने से पहले छवि पूर्वावलोकन दिखाने का सबसे अच्छा तरीका
मैं कुछ विकल्पों में आया जैसे प्लूपलोड या jquery फ़ाइल अपलोड या अपलोडिफ़ाई का उपयोग करना।
आप केवल अपलोड करने से पहले एक रूप में छवि पूर्वावलोकन की जरूरत है, (मुझे) के रूप में आपको लगता है कि JQuery अपलोड प्लगइन बहुत ज्यादा जटिल और इतने ठीक से चलाने के लिए आसान नहीं है देखेंगे (मैं पूर्वावलोकन देखने के लिए सक्षम था , लेकिन तब मैं तस्वीर अपलोड नहीं कर सका)।
http://saravani.wordpress.com/2012/03/14/preview-of-an-image-before-it-is-uploaded/
यह सरल और कोड के लिए तेजी से है।
मैं यहाँ कोड डाल सिर्फ मामले में स्रोत मर जाता है:
स्क्रिप्ट:
<!-- Assume jQuery is loaded -->
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#img_prev')
.attr('src', e.target.result)
.width(150)
.height(200);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
HTML में:
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<input type='file' onchange="readURL(this);" />
<img id="img_prev" src="#" alt="your image" />
</body>
आप प्लगइन jQuery File Upload जो यह एक पूर्ण समाधान है उपयोग कर सकते हैं, लेकिन अगर आप कम मजबूत कुछ चाहिए, आप भी सीधे FileReader का उपयोग कर, this की तरह है, तो आप जो कुछ भी करने के लिए आप की जरूरत कार्यक्षमता अनुकूलित कर सकते हैं की कोशिश कर सकते हैं।
दस्तावेजों के मुताबिक image_cache दिखा रहा है कि आप क्या अपलोड कर रहे हैं।
<%= f.hidden_field :image_cache %>
यह IE – Rodrigo
में काम नहीं करता है, मुझे लगता है कि यह कुछ HTML5 कार्यक्षमता का उपयोग कर रहा है, शायद यह कारण है। – Puce
आईई में एकाधिक छवियों के लिए FileReader क्लास – Rodrigo